1、父組件向子組件傳遞參數(shù)
class Child extends Component { componentDidMount(){ let name = this.props.default; console,log(name); } render(){ const { default} = this.props; return ( <Input /> ) }}import React, { Component } from 'react';import Child from './Child';class Parent extends Component { state = { name: 'Bob' } render() { return ( <div> <Child default={this.state.name} /> </div> ) }}2、子組件向父組件傳遞參數(shù)
class Child extends Component { state={ name:'Bob' } componentDidMount(){ this.props.toParent(this.state.name); } render(){ return ( <Input /> ) }}import React, { Component } from 'react';import Child from './Child';class Parent extends Component { state = { name:'' } getChildInfo = (name)=>{ this.setState({name:name}); } render() { return ( <div> <Child toParent={this.getChildInfo.bind(this)} /> </div> ) }}以上這篇基于react組件之間的參數(shù)傳遞(詳解)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注