React--一个组件正在将text类型的受控输入更改为不受控

Question

我正在对我的组件进行排序

<input type="text" value={props.filters.text} onChange={(e) => {
            props.dispatch(setTextFilter(e.target.value));
        }} />
        {console.log(props.filters.sortBy)}
        <select value={props.filters.sortBy} onChange={(e) => {
            if (e.target.value === 'date') {
                props.dispatch(sortByDate());
            } else if (e.target.value === 'amount') {
                props.dispatch(sortByAmount());
            }
        }}>
            <option value="amount">Amount</option>
            <option value="date">Date</option>
        </select>

我在选择标记中有一个错误。获取错误组件正在将text类型的受控输入更改为不可控props.filters.sortby的值最初是日期。当我试图从下拉列表中更改它时，错误发生了。

Answer 1

问题的根源是的值。如果ReactJS接收undefined作为输入值，则该输入被视为“uncontrold”，您不应该将其更改为“controld”。

这里有一个关于ReactJS中不受控制的输入的非常彻底的答案。