如何将状态从函数传递到类 - reactjs

Question

我正在使用 hooks。 我有一个使用 dropzone 库的函数：

    export function UploadFile() {
        const [files] = useState([]);
        return (
          <MaterialDropZone
            files={files}
            showPreviews
            maxSize={5000000}
            filesLimit={5}
            text="to upload"
          />
        );
      }

class MyClass extends React.Component {

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

    }

...
render(){

return (
<UploadFile />)


}

现在我想访问 files 组件内的 MyClass 来上传我的文件。但我不知道如何访问 files。

Answer 1

您不能直接访问父组件中子组件中定义的状态。 您可以做的是，您可以在父组件 files 中定义 MyClass 状态，并将其作为道具传递给子组件 UploadFile。