Reactjs 我是一个新的反应者,我正在尝试钩子,尝试用onchange事件在屏幕上打印姓名和电子邮件,但是没有定义为输出?

Reactjs 我是一个新的反应者,我正在尝试钩子,尝试用onchange事件在屏幕上打印姓名和电子邮件,但是没有定义为输出?,reactjs,Reactjs,这是App.jsx文件 在任何文本框中输入值之前,状态显示为空字符串,如第二幅图所示 **但当我在任何文本框中输入值时,输出变得未定义,如最后一幅图所示** 您正在使用Fname、Lname和mail进行显示,但从输入的名称进行更新时 您正在将其设置为 return { firstName:preValue.Fname, lastName:value, email:preValue.mail, }; 换成 return {

这是App.jsx文件

在任何文本框中输入值之前,状态显示为空字符串,如第二幅图所示

**但当我在任何文本框中输入值时,输出变得未定义,如最后一幅图所示**

您正在使用Fname、Lname和mail进行显示,但从输入的名称进行更新时 您正在将其设置为

return {
          firstName:preValue.Fname,
          lastName:value,
          email:preValue.mail,
    };
换成

 return {
          Fname:preValue.Fname,
          Lname:value,
          mail:preValue.mail,
    };

反之亦然。

请发布代码而不是截图。您输入/输出的截图很有用,但您可能希望将代码复制并粘贴到问题中的代码块中,以便人们更容易帮助您。你也可以放一个可复制的例子,这样人们就可以实际运行/编辑它。这很有效,谢谢你的回复。我想我是因为这些相似的名字而搞砸了。干杯,试着在JS中用camelCase作为变量名。这不是规则,而是惯例。谢谢,我会记住的。@AbhishekChauhan干杯
 return {
          Fname:preValue.Fname,
          Lname:value,
          mail:preValue.mail,
    };