清除输入目标

Question

我使用一个输入来获取数据在我的数据库，但我希望输入被清除后的数据提交。

<input placeholder='Title' onChange={(event) => {setTitle(event.target.value);}}/> 
<button onClick={writeTitleToDatabase}>Update Title</button>

我试图使用setTitle(")，但它不能正常工作。变量title被设置为null，但输入字段仍然填充。

const writeTitleToDatabase = () => {
update(ref(database, 'id/' + fetchIdInfo),{      
title          
})
setTitle('');
};

Answer 1

添加缺失的值属性

<input placeholder='Title' value={title} onChange={(event) => {setTitle(event.target.value);}}/> 
<button onClick={writeTitleToDatabase}>Update Title</button>