Question

我有一个categoryData（每个项目动态选择）数组和兴趣数组，我需要根据带有状态动态的categoryData数量来显示。

这是我的状态：

{
  "categoriesData": [
    "Sports",
    "Pets"
  ],
  "interests": [
    "Travel & Tourism",
    "Technology & Science",
    "Sports",
    "Restaurants",
    "Photography",
    "Pets",
    "Music",
    "Movies and TV",
    "How-to &amp; Style",
  ]
}

render() {
    return (
        <div className="row">
        <span>Categorias:</span>
            {this.state.categoriesData.map((item,index) => { 
                return (<select value= {item} onChange={(event) => this.categoriesData[????]}>
                    <option value= "" />
                    {this.state.interests.map((_item,i) =>
                        <option key={i}  value={_item}>{_item} 
                    </option>
                    )}
                </select>) 
            })}
        </div>
    );
}

我正确显示了两个带有选择值的输入选择和选项商品。

问题在于选择的值未更新，因为我不知道要修改的状态。

Answer 1

为什么不将兴趣保存为字典列表，键值对可以选择或取消选择值。

value

如何在选择中使动态状态发生反应

1 个答案: