1

nextjs プロジェクトで react-dropzone を使用していますが、現在サーバーで dropzone コンポーネントをレンダリングすると、エラーが発生します。

"index.js:2178 警告: プロップmultipleが一致しませんでした。サーバー: "false" クライアント: "true"

コンポーネントに multiple={true} を設定しようとしましたが、うまくいきません。ただし、コンポーネントに multiple={false} を設定すると、クライアント レンダリングは正常に動作しますが、複数ファイルのアップロードが無効になります (予想どおり)。

フル サーバー レンダリングで multiple={true} でレンダリングされない理由について何か考えはありますか?

React、react-dropzone を使用した NextJS プロジェクト

コンポーネントに multiple={true} を設定しようとしました。プロジェクトの再構築を試みました。

multiple={false} を設定すると機能しますが、必要な機能が無効になります。

<Dropzone multiple={true} onDrop={this.onDrop}>
  {({ getRootProps, getInputProps }) => (
    <StyledDropzone>
      <DropPoint {...getRootProps()}>
        <input {...getInputProps()} />
        <p>Drag and drop some images to upload</p>
      </DropPoint>
      <FilePreviewer>
        <Thumbs>{thumbs}</Thumbs>
      </FilePreviewer>
    </StyledDropzone>
  )}
</Dropzone>
4

1 に答える 1