反应孩子与父母的沟通问题_前端开发问题-跟版网

本文介绍了反应孩子与父母的沟通问题的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着跟版网的小编来一起学习吧！

问题描述

我正在构建一个猜谜游戏，其中问题和选择逻辑位于名为 Questions 的组件中.我无法让 App 读取问题代码.我希望 App 中的状态根据子组件中的选择进行更新.

我一直在尝试从如何在 ReactJS 中将数据从子组件传递到其父组件? 和 https://malithjayaweera.com/2018/01/reactjs-passing-data-react-components/，但我不清楚如何将它应用到我的项目中.

应用程序:

import React, { Component } from 'react';导入'./App.css'；从./Timer"导入定时器；从./Questions/Questions.js"导入问题；从../src/Results"导入结果；类应用扩展组件{状态 = {总真:0，完全错误:0，}组件DidMount() {console.log(`TotalTrue: ${this.state.totalTrue}`);console.log(`TotalFalse: ${this.state.totalFalse}`);}//提交按钮处理表单提交 = 事件 =>{event.preventDefault();console.log("点击提交按钮");};callbackHandlerFunction = (selectedOption) =>{this.setState({ selectedOption });}使成为() {返回 (<div className="视差"><div className="App"><div className="包装器"><div className="headerDiv"><h1>皮克斯琐事！</h1></div><div className="timerDiv"><定时器/></div><div className="questionSection"><问题handleClickInParent={this.callbackHandlerFunction}/></div><button onClick={this.handleFormSubmit}>提交</button></div>{/* this.state.articles.length >0&&...*
                本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！
                
                
             
                  
                  上一篇：ReactJS - 如何在同一页面中创建两个或多个组件 
                  下一篇：ReactJS:点击时动态添加组件