1、父组件向子组件传递参数
创新互联不只是一家网站建设的网络公司;我们对营销、技术、服务都有自己独特见解,公司采取“创意+综合+营销”一体化的方式为您提供更专业的服务!我们经历的每一步也许不一定是最完美的,但每一步都有值得深思的意义。我们珍视每一份信任,关注我们的成都网站制作、成都做网站质量和服务品质,在得到用户满意的同时,也能得到同行业的专业认可,能够为行业创新发展助力。未来将继续专注于技术创新,服务升级,满足企业一站式全网营销推广需求,让再小的高端网站设计也能产生价值!
class Child extends Component { componentDidMount(){ let name = this.props.default; console,log(name); } render(){ const { default} = this.props; return ( ) } }
import React, { Component } from 'react'; import Child from './Child'; class Parent extends Component { state = { name: 'Bob' } render() { return () } }
2、子组件向父组件传递参数
class Child extends Component { state={ name:'Bob' } componentDidMount(){ this.props.toParent(this.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 () } }
以上这篇基于react组件之间的参数传递(详解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。