react组件之间的参数传递
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了react组件之间的参数传递相关的知识，希望对你有一定的参考价值。
1、父组件向子组件传递参数
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、子组件向父组件传递参数
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组件之间的参数传递的主要内容，如果未能解决你的问题，请参考以下文章