如何将arraylist传递给react js中的其他组件

Question

我的项目是带有react.js的新闻仪表板

我有一个高级新闻搜索页面，当用户单击搜索结果中的一行以查看详细信息页面，但是返回搜索页面时，过滤器已重置。

Answer 1

您可以尝试以下方法：

<ChildComponent arrayList={this.state.arrayList}>  </ChildComponent>

并且在接收组件中：

parentArrayList = this.props.arrayList;

或者在contructor中，您可以在下面使用：

class ChildComponent extends Component {
    constructor(props) {
        super(props);
        this.state = {
          childArrayList = props.arrayList;
        };
    }
}

在上述组件中，您可以使用 this.state.childArrayList