reactjs - 如何将状态传递给组件

Question

我在该组件中创建了 MExample 组件，我已经创建了这个

export default class MExample extends Component {

   _validate() {
          if (validateDate(this.state.choseDate).status) {
          if (validateList(this.state.list).status) {
           var list = this.state.list;
           var choseDate = this.state.choseDate;
           console.log(list+choseDate)
                this.setState({ visibleModal: null , list:[], choseDate:''})
            } else {
                alert("select list date")
             } 
           } else {
            alert("select monthly date ")
          }
      } 
 render() {
   return (
    // jsx
   )}

export default class Mnavigate extends Component {
  render() {
    return (
     <MExample list={this.state.list} choseDate = {this.state.choseDate}/>
      // can i access value like this ?
    )
  }

如何在我正在导入此组件的其他组件中使用this.state.list和this.state.choseDate<MExample here i want list and choseDate value />

标签： reactjsreact-nativereact-navigation

Answer 1

<MExample list={this.state.list} choseDate={this.state.choseDate} />

和内部MExample组件

通过访问 this.props.list和this.props.choseDate

class MExample extends React.Component{
         render(){
          console.log(this.props.list);
          return null;
        }
    }