如何将 state 从 function 传递到 class - Z3C797270102480CBA33207D1E1D0

Question

我正在使用hooks 。 我有一个 function 来使用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 />)


}

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

Answer 1

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