基于react组件之间的参数传递(详解)

基于react组件之间的参数传递(详解)

1、父组件向子组件传递参数

class Child extends Component {

　　　 componentDidMount(){

　　　 　　let name = this.props.default;

　　　　　 console,log(name);

　　　 }

　　　 render(){

　　　　　 conshttp://t { default} = this.props;

　　　 　　return (

　　　　　　)

}

}

import React, { Component } from 'react';

import Child from './Child';

class Parent extends Component {

state = {

name: 'Bob'

}

render() {

http:// return (

)

}

}

2、子组件向父组件传递参数

class Child extends Component {

　　　 state={

　　　　　　name:'Bob'

　　　 }

　　　 componentDidMount(){

　　　　　　this.props.toParent(thikkXjMuPys.state.name);

　　 }

　　　 render(){

　　　 　　return (

　　　　　　)

}

}

import React, { Component } from 'react';

import Child from './Child';

class Parent extends Component {

　　 state = {

　　　　name:''

}

getChildInfo = (name)=>{

　　 　　this.setState({name:name});

　　 }

render() {

return (

)

}

}

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。