Как передать данные из компонента класса в функциональный компонент и наоборот - PullRequest
0 голосов
/ 27 июня 2019

Я хочу передать некоторые данные из одного компонента класса в функциональный компонент и наоборот. Я много исследовал, но не получил ни одного правильного решения.

здесь Мой главный компонент (компонент класса)

import MemberList from './component/AddList'
export default class material extends React.Component {


    constructor(props) {
        super(props);
        this.state = {
            Members: ''
        };


    }

 render() {

        return (<div> <MemberList data={this.state.Members}/>  </div>
        );
    }

в members.js Я реализовал эту функциональность https://codesandbox.io/s/runh6

const members = []; //here I want to load the values from class component
function DownshiftMultiple(props) {

  return (
    <Downshift>


        return (
          <div className={classes.container}>


          </div>
        );
      }}
    </Downshift>
  );
}




export default function IntegrationDownshift(props) {
  const classes = useStyles();

  return (
    <div >

      <DownshiftMultiple classes={classes} />

         </div>
  );
}

Я попытался взять значение с помощью реквизита. я не могу получить данные.

так что любой может помочь решить эту проблему.

1 Ответ

0 голосов
/ 27 июня 2019

Вы можете получить доступ к значениям из реквизита.

function DownshiftMultiple(props) {

  const members = props.members; //here I want to load the values from class component

  return (
    <Downshift>
      return (
        <div className={classes.container}>


        </div>
     );
    }}
   </Downshift>
 );
}
...