Reactjs 如何映射数据集并将单个变量设置为对象名称？

我有一个对象的数据集。当我的组件挂载时，它从命令行接收一个参数——我想扫描我的数据集以查找这个参数，并将一个变量设置为匹配的对象文件名

道具类型

Landing.propTypes = {
   data: PropTypes.arrayOf(
           PropTypes.object
   )
}

Landing.defaultProps = {
   data: HelpData
}

当我的组件安装时

componentWillMount() {
   let tstTitle = 'SearchForThisMatch'
   let tstFile = '';

   // goal is to search my data set for 'SearchForThisMatch' and set tstFile to obj.file

let menuOpen = this.props.data.filter(obj => {
      return this.props.name === obj.name;
        }).map((obj, idx) => {
          return (
            <div key={idx}>
              {obj.file}
             </div>
          );
     });

}

componentWillMount（）{
让tstTitle='SearchForThisMatch'
让tstFile=''；
//目标是在我的数据集中搜索“SearchForThisMatch”，并将tstFile设置为obj.file
让menuOpen=this.props.data.filter（obj=>{
返回this.props.name===obj.name；
}).map（（obj，idx）=>{
返回(
{obj.file}
);
});
}

---

目前，我正在返回一个包含obj.file名称的div。我真正想做的就是将一个变量设置为obj.file的名称——这是一个字符串

您只需在

map

函数中设置变量即可：

componentWillMount() {
   let tstTitle = 'SearchForThisMatch'
   let tstFile = '';

   // goal is to search my data set for 'SearchForThisMatch' and set tstFile to obj.file

let menuOpen = this.props.data.filter(obj => {
      return this.props.name === obj.name;
        }).map((obj, idx) => {
          //HERE <<<<<<<<<<<<<<<
          tstFile = obj.file;
          return (
            <div key={idx}>
              {obj.file}
             </div>
          );
     });

}

componentWillMount（）{
让tstTitle='SearchForThisMatch'
让tstFile=''；
//目标是在我的数据集中搜索“SearchForThisMatch”，并将tstFile设置为obj.file
让menuOpen=this.props.data.filter（obj=>{
返回this.props.name===obj.name；
}).map（（obj，idx）=>{
//在这里，我可以访问menuOpen之外的tstFile？我不想使用return div，因此它将被丢弃？我还应该将return this.props.name更改为tstTtitle==obj.name