如何使用 onChange？答案

【问题标题】：How can I use the onChange?如何使用 onChange？
【发布时间】：2020-10-11 20:49:49
【问题描述】：

如何使用 onChangeSelect？

if (this.props.showFiltersHeader) {
            const { tipoBusqueda } = this.props;            
            return <div>
                <div className="search-container">
                    <p>Buscar por NIE o Factura</p>
                    <div className="caja-select">
                        <select onChange={this.onChangeSelect} name="filterFacturaNieType" value={this.state.filterFacturaNieType}>
                        {tipoBusqueda === 1 ? <option value='N'>NIE</option> : <option value='F'>Factura</option>}
                        </select>
                    </div>
                    <span className="alert-span">{this.state.errors["filterFacturaNieType"]}</span>
                </div>
....
}

onChangeSelect = (event) => {
        this.setState({ [event.target.name]: event.target.value })
};

它正确地将选项放在选择中，但它没有设置选定的值

【问题讨论】：

是的，'N' 或 'F'

标签： javascript reactjs conditional-operator

【解决方案1】：

尝试没有像这样的tipoBusqueda === 1 条件。可能发生在您的状态值是'F' 而您的条件是tipoBusqueda === 1 得到 true 比没有选项可用这个值比它不会显示任何选定的值。

<div className="caja-select">
    <select onChange={this.onChangeSelect} name="filterFacturaNieType" value={this.state.filterFacturaNieType}>
        <option value='N'>NIE</option>
        <option value='F'>Factura</option>
    </select>
</div>

【讨论】：

@DanielAdrianGarayGarcia 如果这对你有帮助，请点赞！！
我需要它被tipoBusqueda调节
您可以添加但不带条件检查它是否工作而不是添加条件。