Fatal编程技术网
  • reactjs/
  • Reactjs 获取子组件中的表单数据'；s提交给家长以供提交

Reactjs 获取子组件中的表单数据'；s提交给家长以供提交

reactjs forms

Reactjs 获取子组件中的表单数据'；s提交给家长以供提交,reactjs,forms,Reactjs,Forms,我只是想知道，当用户提交表单数据时，如何检索表单数据？我希望能够在控制台中看到它。日志这是我的父组件的外观。请注意：我还没有反应过来……谢谢 class App extends Component { render() { return ( <div className="App"> //Each component contains a seperate page with a form element <PageOne /

我只是想知道，当用户提交表单数据时，如何检索表单数据？我希望能够在控制台中看到它。日志这是我的父组件的外观。请注意：我还没有反应过来……谢谢

class App extends Component {

 render() {

   return (

      <div className="App">

      //Each component contains a seperate page with a form element
      <PageOne />

      <PageTwo />
      <PageThree />
      <PageFour />
      <PageFive />
      <PageSix />

      <Button>
         Submit Form
      </Button>

      <br/>
      <br/>



      </div>

   );
 }
}

类应用程序扩展组件{
render（）{
返回(
//每个组件都包含一个单独的页面和一个表单元素
提交表格




);
}
}
下面是一个简单的示例，说明了这是如何工作的。您应该将函数传递给
表单的
onSubmit
属性。此函数接收一个事件对象，该对象将在
target
属性中包含其所有子对象的数组。您可以选择要获取其值的字段的索引，该索引将位于
value
属性中。在下面的示例中，我们正在记录输入的值



const onSubmit=（事件）=>{
event.preventDefault（）；
console.log（'event'，event.target[0].value）；
};
常量SimpleForm=（）=>(
提交
);
ReactDOM.render(
,
文件正文
);



表单在哪里？我的表单在子组件中