使用在另一个文件中使用react js [duplicate]定义的数组

Question

此问题已经在这里有了答案：

I want to store Javascript array as a Cookie（3个答案）

关闭9个月前。

我有一个React组件，我在某些路线中使用了它。该组件需要一些数据，但路径不同。该组件如下所示：

import React from "react";

class ChangeView extends React.Component{
    render(){
        return(
            <div>
                <button type="button" className="btn open-modal" title="change view">
                    <i className="fas fa-eye"></i>
                </button>
                <div id="ms">
                    <ul>{data}</ul>
                </div>
            </div>
        )
    }
}
export default ChangeView;

和示例路线：

import React , {Component} from 'react';
import ChangeView from 'ChangeView';
class Firewall extends Component {
  render() {
    const data = [
       {name:"smith",age:20},
       {name:"nik",age:10},
       {name:"mosh",age:45}
    ];
    return(
      <ChangeView />
    )
  }
}

Answer 1

存储cookie的无效方法，请按照以下步骤操作

document.cookie=  "mycookie=" + json_str;

Answer 2

Cookie不能用于对象或Arraylist等。您仅应将字符串用于cookie，但是可以将该数组序列化为字符串并将其添加到cookie。但这实际上不是应该使用的方式。另外，浏览器可能会由于其长度而丢弃cookie。