[英]Why button Enable Condition after clicking radio button is not working?
当我尝试启用删除按钮时,尽管我为此设置了逻辑,但它不起作用。实际上,在放置以下内容后,删除按钮始终处于启用状态。 找不到问题。 这是代码:
运动.js
// initiallising states
const [items1, setItems1] = useState({
pageCount: '',
field_names_state: [],
toggle: false,
elements: [],
data_form: [],
sports_id: '',
buttonDisable: "0",
});
const onRadioChange = (e) => {
items1.sports_id = e.target.value;
items1.buttonDisable="1";
alert(items1.buttonDisable);
};
// mapping our fetched data and send them to Table_Sports.js
const data1 = items1.elements.map((item) => (
<Table_Sports key={item.sports_id} item={item} action={onRadioChange} />
));
<button type='button' disabled={items1.buttonDisable=="1"} onClick={(e) => handleDelete(e)}>
Delete
</button>
Table_Sports.js
<td>
<input
type='radio'
// defaultValue={props.item.sports_id}
defaultValue={props.}
name='sports_id'
onClick={(e) => props.action(e)}
/>
</td>
<td>
<input
type='text'
defaultValue={props.item.sports_name}
name='sports_name'
contentEditable='true'
/>
</td>
要更改 state 的值,您应该调用 setItems1,将新的 state object 作为参数传递,而不是直接操作它的属性。 如果您像这样更改 onRadioChange function 它应该可以工作:
const onRadioChange = (e) => {
setItems1({
...items1,
sports_id: e.target.value,
buttonDisable: "1",
});
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.