Reactjs 使用react钩子提交后清除输入

如何在按钮提交后清除输入？提交后，我输入的文本仍然存在

非常感谢，非常感谢。再次感谢

const [value, setValue] = useState("");

 const handleInput = e => {
        setValue(e.target.value);
      };

    const onSubmit = (e) => {
        e.preventDefault();
        setValue("");
      }
    

    {
 dbdata.map(item => {
                    return(
                        <div className="card mb-5" key={item._id} style={{maxWidth:"70%",height:"70%"}} >
                            <img src={item.photo} className="card-img-top" alt="..." style={{maxWidth:"100%",height:"100%"}} />
                            <div className="card-body" >
                                <h6 className="card-text">{item.reviews.length} Reviews
                                <form className="input-group mb-3" onSubmit={onSubmit}>
                                    <input type="text" className="form-control" placeholder="add a post onChange={handleInput}  value={value} />
                                    <div class="input-group-append">
                                        <button type="submit" class="btn btn-primary" onClick={(e) => {
                                          makePost(value, item._id)}} type="button">Post</button>
                                    </div>                    
                                </form>
                            </div>
                        </div>

                    )
                })
}

const[value，setValue]=useState（“”）；
常量handleInput=e=>{
设定值（即目标值）；
};
const onSubmit=（e）=>{
e、 预防默认值（）；
设置值（“”）；
}
{
dbdata.map（项=>{
返回(
{item.reviews.length}reviews
您可以尝试添加带有onSubmit函数的表单标记，该函数在阻止提交表单的默认行为后将值设置为空字符串

编辑：我看到你有一个makePost函数，我想你可以将这个函数的代码移到我的onSubmit函数中，或者将我的代码移到makePost函数中

const [value, setValue] = useState("");

 const handleInput = e => {
        setValue(e.target.value);
      };

  const onSubmit = (e) => {
    e.preventDefault();
    setValue("");
  }

<div className="input-group mb-3">
<form onSubmit={onSubmit}
   <input type="text" className="form-control" placeholder="add a post" onChange={handleInput} value={value} /></form>
        <div class="input-group-append">
          <button type="submit" class="btn btn-primary" onClick={(e) => {makePost(value, item._id)}} type="button">Post</button>
        </div>                    
</div>

const[value，setValue]=useState（“”）；
常量handleInput=e=>{
设定值（即目标值）；
};
const onSubmit=（e）=>{
e、 预防默认值（）；
设置值（“”）；
}
邮递
您可以尝试添加带有onSubmit函数的表单标记，该函数在阻止提交表单的默认行为后，将值设置为空字符串

编辑：我看到你有一个makePost函数，我想你可以将这个函数的代码移到我的onSubmit函数中，或者将我的代码移到makePost函数中

const [value, setValue] = useState("");

 const handleInput = e => {
        setValue(e.target.value);
      };

  const onSubmit = (e) => {
    e.preventDefault();
    setValue("");
  }

<div className="input-group mb-3">
<form onSubmit={onSubmit}
   <input type="text" className="form-control" placeholder="add a post" onChange={handleInput} value={value} /></form>
        <div class="input-group-append">
          <button type="submit" class="btn btn-primary" onClick={(e) => {makePost(value, item._id)}} type="button">Post</button>
        </div>                    
</div>

const[value，setValue]=useState（“”）；
常量handleInput=e=>{
设定值（即目标值）；
};
const onSubmit=（e）=>{
e、 预防默认值（）；
设置值（“”）；
}
邮递
post后没有重置或清除输入哦，我只是看到值没有绑定到输入，这正常吗？在输入标记中应该有一个带有值的属性值，比如：
我想你应该复制粘贴整个组件，因为在我添加值={value}后，有些东西丢失了，不用担心，所有输入都有相同的值。这是因为我正在使用data.map进行迭代，因此有很多输入。它是用于查看产品的。感谢您的整个组件非常大？如果可以，复制粘贴整个组件，那么它将帮助我们查看所有内容。在POST之后，它没有重置或清除输入。哦，我刚刚看到值不是bi你应该在你的输入标签中有一个属性值，比如：
我认为你应该复制粘贴你的整个组件，因为有些东西丢失了。不用担心，在我添加了值={value}之后，所有输入都有相同的值。这是因为我正在使用data.map进行迭代，因此有很多输入。它是用于查看产品的。谢谢您的整个组件非常大？如果可以，请复制粘贴整个内容，这样可以帮助我们查看所有内容