как передать состояние компоненту

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 />

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;
        }
    }

Answer 2

Вы можете создавать свойства и передавать их как реквизиты.

Create a component as below 



 import React, { Component } from 'react'

        class MExample  extends Component {

                   // You can access them via this.props

                validate = () => {
                 console.log(this.prop.list);
                 console.log(this.prop.choseDate);
                } 
                render() {
                   let {list,choseDate} = this.props;            

                    // your code comes here
                    return (
                        <div>

                        </div>
                    )
                }
            }

    export default MExample;

Передавать состояние в свойствах.

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