Reactjs 如何使用React JS更改要启用的输入 功能编辑服务详细信息（道具）{ const[name，setName]=useState（props.item.name）； const[enabled，setEnabled]=useState（'disabled'）； const[read，setRead]=useState（true）； const changeName=（e）=>{ setName（{name:e.target.value}）； }; 常量编辑=（）=>{ 控制台日志（“HI”） setRead（{read:false}）； setEnabled（{enabled:''}）； } 返回( 编辑 姓名： ); }

我想在用户单击“编辑”时启用输入，我使用了“读取”和“启用”挂钩，如上所述。。但是当我点击编辑时，输入仍然被禁用，有什么建议吗？

你需要更新

setRead（{read:false}）变为
setRead（假）
您需要更新
setRead（{read:false}）变为
setRead（假）
查看输入元素的
disabled
属性

然后，您可以在您的状态中有一个值，但您可以将其称为
已启用
，而不是将其称为
已禁用
，并对该值使用布尔值，然后将其设置为
真

然后，输入元素中的
disabled
属性由该值指示<代码>

在
edit（）函数中设置状态：

setDisabled（false）
查看输入元素的
disabled
属性

然后，您可以在您的状态中有一个值，但您可以将其称为
已启用
，而不是将其称为
已禁用
，并对该值使用布尔值，然后将其设置为
真

然后，输入元素中的
disabled
属性由该值指示<代码>

在
edit（）函数中设置状态：

setDisabled（false）

function EditServiceDetails(props) {
    const [name, setName] = useState(props.item.name);
    const [enabled, setEnabled] = useState('disabled');
    const [read, setRead] = useState(true);

    const changeName = (e) => {
        setName({ name: e.target.value });
    };

    const edit = () => {
        console.log("HI")
        setRead({ read: false });
        setEnabled({ enabled: '' });
    }

    return (
        <div>
            <div className='edit' onClick={edit}>Edit</div>
            <br />
                <label htmlFor='editSName'> Name :</label>
                <input type='text' id='editSName' name='editSName' defaultValue={name} onChange={changeName} readOnly={read} />
        </div>
    );
}