react 父子組件通訊

標籤：pre   component   efault   cto   class   const   reac   span   default   

import React from ‘react‘;import B from ‘./B‘;class A extends React.Component{    state = {        msg:‘我來自於A組件‘    }    isClick=(value)=> {        this.setState({            msg: value        })    }    render() {        return (            <div>                我是A組件：                <hr />                <B msg={this.state.msg} myClick={this.isClick}/>            </div>        )    }}export default A;

import React from ‘react‘;class B extends React.Component{    constructor(props) {        super(props)    }    render() {        return (            <div>                <h2>我是B組件：{this.props.msg}</h2>                <button onClick={() => this.props.myClick(‘我來源於B組件‘)}>按鈕</button>            </div>        )    }}export default B;

 

react 父子組件通訊