实际上,
state您父母的财产中没有财产
props。您 无法 通过以下方式获取孩子的状态:
this.props.state.counter2
道具 只 从父组件传递给孩子(如果你不使用
Redux或其他状态管理库)。
不过,您可以像这样通过它:
父组件
import React from 'react';import {Child} from './Child';export default class Parent extends React.Component{ constructor(props){ super(props); this.state= { counter: 0 } } update(value){ return () => { this.setState({ counter: value }); } } render(){ return( <div> <span>{this.state.counter}</span> <Child data={this.update.bind(this)}/> </div> ); }}子组件
import React from 'react';export class Child extends React.Component{ constructor(props) { super(props); this.state= { counter2: 5 } } render() { return( <div> <button onClick={this.props.data(this.state.counter2)}>Click me</button><span>{this.state.counter2}</span> </div> ); }}export default Child;


