react 传值方法

最新推荐文章于 2025-05-16 16:20:07 发布

原创最新推荐文章于 2025-05-16 16:20:07 发布 · 696 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react #react 传值

React 专栏收录该内容

7 篇文章

订阅专栏

子 — 父：

子组件：

getClick = () =>{
	this.props.loginDate("我是子组件的信息~") //调用父组件方法
}

父组件：

loginDate = (res) =>{
    console.log(res)
    this.setState({
        loginInf:res //接受子组件的传值
    })
 }
render() {
	return (
		<Login loginDate={this.loginDate} ></Login> //设置子组件
	)
}

父 — 子：

父组件：

render() {
	return (
	//设置子组件（传字段，传方法）
		<Login orderInfo={this.state.orderInfo} loginDate={this.loginDate}  ></Login> 
	)
}

子组件：

<p> {this.props.orderInfo}</p> //props : 接受传入的值