使用reactjs提交表单后清除所有表单输入框

Question

提交数据后想清除所有输入框表单

这是我的代码：

function GSetup() {
        
        const [gName, setGName] = useState("");
    
        const dispatch = useDispatch();
        
          useEffect(() => {
            dispatch(getGNames());
          }, [dispatch]);
        
          const onSubmitHandler = (e) => {
            e.preventDefault();
        
            dispatch(
              addGName(
                { 
                  gn_name: gName, 
                  su_id: userInfo._id 
                }
               
              )
            );
          };
        return (  ​);
}

我在 onSubmitHandler 函数上使用了这个 setState，但它不起作用

this.setState({
      gn_name: ''
    });

Answer 1

试试这个方法

function GSetup() {
        
  const [gName, setGName] = useState("");

  const dispatch = useDispatch();
  
    useEffect(() => {
      dispatch(getGNames());
    }, [dispatch]);
  
    const onSubmitHandler = (e) => {
      e.preventDefault();
  
      dispatch(
        addGName(
          { 
            gn_name: gName, 
            su_id: userInfo._id 
          }
         
        )
      );
      setGName('')   
    };


  return (  ​);
}

this.setState({}) 在 classComponent

之外不起作用