react父转子
发布时间:2020-12-15 20:35:32 所属栏目:百科 来源:网络整理
导读:父组件使用子组件,子组件绑定父组件数据 ,子组件用props使用父组件数据 import React,{ Component } from ‘react‘ ;import logo from ‘./logo.svg‘ ;import ‘./App.css‘ ;class App extends Component { constructor(props){ super(props); // 父组
父组件使用子组件,子组件绑定父组件数据 ,子组件用props使用父组件数据 import React,{ Component } from ‘react‘; import logo from ‘./logo.svg‘; import ‘./App.css‘; class App extends Component { constructor(props){ super(props); // 父组件数据 this.state = { test :202 } } render() { return ( <div> <div> {this.state.test} {/* 子组件绑定父组件数据 */} <Test content={this.state.test}></Test> </div> </div> ); } } class Test extends Component{ constructor(props){ super(props) } render(){ return ( <div> {/* 子组件使用父组件数据this.props.xxx */} <div>{this.props.content}</div> </div> ) } } export default App; (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |