当前位置: 首页 > Web前端 > HTML5

React子组件修改父组件的状态,子组件将值传递给父组件

时间:2023-04-05 15:33:35 HTML5

父组件可以传递一个事件(方法)给子组件,子组件接收事件(方法),调用事件(方法),会触发父组件中定义的方法,从而改变父组件的状态,并向子组件传递参数这里是关键代码(调用父传递的方法组件)导出默认类LooseextendsReact.Component{constructor(props){super(props);};render(){return({{/*这里为子组件调用父组件方法setPare*/}this.props.setPare();//this.props.setPare('我想传递给父组件');}}>Cancel);}}父组件给出关键代码(将方法传递给子组件)exportdefaultclassSaleReleaseSeachextendsReact.Component{constructor(props){super(props);}setPare=(value)=>{console.log("子组件在呼叫我");console.log(`子组件传过来的数据:${value}`);};render(){return(

);}}