在表单中选择 - 通过选项映射出现问题，无法读取未定义的属性(读取"map")

Question

我在一个表单中创建一个SELECT，我需要通过对象映射(我知道映射通过对象而不是数组可能是一个问题)。我正在使用和格式化我的代码。我想知道我做错了什么。

就在React导入之后，我声明了我的like const networks =[{…}，{…}，…]

然后我的导出看起来像:

export class BasicDetails extends Component {
state = {
selectedOption: null,
};
handleChange = selectedOption => {
this.setState({ selectedOption }, () =>
console.log(`Option selected:`, selectedOption),
);
};

我的渲染/返回看起来像

render() {
const { values, handleChange } = this.props;
const { selectedOption } = this.state;
return (
<>
{/* Chain selector */}
<Select
style={{ width: 120 }}
value={selectedOption}
onChange={this.handleChange}
Option={this.props.networks.map((network, index) => {
return {
label: network.name,
value: network,
key: index,
};
})}
/>

有谁能帮帮我吗?我是一个初级开发:)谢谢

Answer 1

解决。我使用的是Option={this.props.networks.map((network, index))而不是Option={this.state.networks.map((network, index))