react学习(31)----react父传子
生活随笔
收集整理的這篇文章主要介紹了
react学习(31)----react父传子
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
import React from 'react'
import Son from './son'
class Father extends React.Component {constructor(props) {super(props)}state = {info: '父組件',}handleChange = (e) => {this.setState({info: e.target.value,})}render() {return (<div><input type='text' value={this.state.info} onChange={this.handleChange} /><Son info={this.state.info} /></div>)}
}
export default Father// 子組件
import React from 'react'
interface IProps {info?: string
}
class Son extends React.Component<IProps> {constructor(props) {super(props)}render() {return (<div><p>{this.props.info}</p></div>)}
}
export default Son
總結
以上是生活随笔為你收集整理的react学习(31)----react父传子的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 我历时3年才写了10余篇源码文章，但收获
- 下一篇： cmos和ttl_TTL和CMOS的区别