使用使用 react js 在另一个文件中定义的数组 [重复]答案

【问题标题】：use an array which is defined in another file using react js [duplicate]使用使用 react js 在另一个文件中定义的数组 [重复]
【发布时间】：2019-10-11 17:34:32
【问题描述】：

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

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 />
    )
  }
}

【问题讨论】：

不要使用cookies来存储对象。请改用localStorage。以下是您如何set a value以及如何get a value。
I want to store Javascript array as a Cookie 和 Create array in cookie with javascript 可能重复

标签： javascript arrays reactjs components

【解决方案1】：

存储 cookie 的方式无效，请这样做

document.cookie=  "mycookie=" + json_str;

【讨论】：

【解决方案2】：

Cookie 不适合用于对象或数组列表等。您应该只将字符串用于 cookie，但是您可以将该数组序列化为字符串并将其添加到 cookie。但这真的不是它应该如何使用的。由于 cookie 的长度，浏览器也可能会丢弃它。

【讨论】：