Question

我想将一些数据从一个类组件推送到功能组件，反之亦然。我做了很多研究，但没有得到合适的解决方案。

这里是我的主要组件（类组件）

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

我试图借助道具来发挥价值。我无法获取数据。

任何人都可以帮助解决这个问题。

Answer 1

您可以从道具中访问值。

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

如何将数据从类组件传递到功能组件，反之亦然

1 个答案: