Reactjs 当所选文件类型未完全呈现时，如何放置加载指示器？

当选定的视频文件类型未在组件中完全呈现时，如何显示加载指示器/微调器

输入文件类型

      <input
        type="file"
        id="file"
        ref={fileUploader}
        onChange={onSelectFile}
        style={{ display: "none" }}
        accept="video/*"
      />

onselect文件

  const onSelectFile = e => {
    if (e.target.files && e.target.files.length > 0) {
      setStepThreeUpload(URL.createObjectURL(e.target.files[0]));
      console.log(e.target.files);

    }
  };

渲染

              {isLoading ? (
                <div className="spinner-border text-primary" role="status">
                  <span className="sr-only">Loading...</span>
                </div>
              ) : (
                <ReactPlayer
                  controls
                  playing
                  height="100%"
                  width="100%"
                  url={stepThreeUpload}
                  onLoadStart={() => {
                    console.log("...I am loading...");
                    setIsLoading(true);
                  }}
                  onLoadedData={() => {
                    console.log("Data is loaded!");
                    setIsLoading(false);
                  }}
                />
              )}

{孤岛加载(
加载。。。
) : (
{
日志（“…我正在加载…”）；
设置加载（真）；
}}
onLoadedData={（）=>{
log（“数据已加载！”）；
设置加载（假）；
}}
/>
)}

              {isLoading ? (
                <div className="spinner-border text-primary" role="status">
                  <span className="sr-only">Loading...</span>
                </div>
              ) : (
                <ReactPlayer
                  controls
                  playing
                  height="100%"
                  width="100%"
                  url={stepThreeUpload}
                  onLoadStart={() => {
                    console.log("...I am loading...");
                    setIsLoading(true);
                  }}
                  onLoadedData={() => {
                    console.log("Data is loaded!");
                    setIsLoading(false);
                  }}
                />
              )}