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

我有一个反应组件，我在一些路线中使用它。 组件需要一些路由不同的数据。组件如下所示：

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;

从“React”导入React；
类ChangeView扩展了React.Component{
render（）{
返回(
{data}
)
}
}
导出默认的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 />
    )
  }
}

import React，{Component}来自'React'；
从“ChangeView”导入ChangeView；
类防火墙扩展组件{
render（）{
常数数据=[
{姓名：“史密斯”，年龄：20}，
{姓名：“尼克”，年龄：10}，
{姓名：“mosh”，年龄：45}
];
返回(
)
}
}

Cookie不用于对象或ArrayList等。您应该只为cookie使用字符串，但是您可以将该数组序列化为字符串并将其添加到cookie中。但这并不是它应该如何使用的。此外，浏览器可能会因为cookie的长度而删除它。

这不是存储cookie的有效方法，请按如下方式执行

document.cookie=  "mycookie=" + json_str;

---

不要使用cookies存储对象。改用

localStorage

。以下是您和如何。和的可能副本