Estoy creando un SELECCIONAR dentro de un formulario en el que necesito mapear a través de un objeto (sé que mapear a través de un objeto en lugar de una matriz podría ser un problema). Estoy usando antd para formatear mi código. Quisiera saber que estoy haciendo mal.
Inmediatamente después de las importaciones de React, declaré mis redes like const = [{...},{...},...]
Entonces mi exportación se parece a:
export class BasicDetails extends Component { state = { selectedOption: null, }; handleChange = selectedOption => { this.setState({ selectedOption }, () => console.log(`Option selected:`, selectedOption), ); };Y mi render/return parece
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, }; })} />puede alguien ayudarme por favor? Soy un desarrollador junior. :) Gracias
Resuelto. Estaba usando Option={this.props.networks.map((network, index) en lugar de Option={this.state.networks.map((network, index)