如何在 Reactjs 中检查有效的电子邮件地址

Question

我正在使用 React js，我正在使用 next js，我试图在 nextjs 中处理“Axios 响应”，但我得到“[object Object]”作为响应，我如何获得响应和使用条件（如果反应是……）？这是我当前的代码

const handleSubmit = (e) => {
    e.preventDefault();
    
    const data = {
        name: state.name
      };                        
      
      setState({
        ...state,
        name: ""
      });

      axios.post('https://xxxxxxxxxxxxxxxx/', data).then(function (response) {
        console.log(response.data);
        //how to handle response
      });
};
    

Answer 1

从“反应”导入{useState}；

导出默认函数 App() { const [email, setEmail] = 使用状态（“”）； const [msg, setMsg] = useState("");

函数 emailHandler(e) { e.preventDefault(); 如果（电子邮件。长度=== 0）{ setMsg("请输入邮件"); } 别的 { const checkData = data.filter((item) => item.mail === email); 检查数据.length === 0 ？ setMsg("感谢订阅") : setMsg("已经订阅"); } } 返回 （ <form onSubmit={(e) => emailHandler(e)}> <输入 类型=“电子邮件” 值={电子邮件} onChange={(e) => setEmail(e.target.value)} /> 订阅 {消息} ); }

我用 React.js 做过，你可以从中得到帮助。