Javascript 反应-文件上传程序

所以我一直在用这个。是否有一种方法可以将

光标：指针
添加到FileInput元素的样式中

我尝试的是：

     <FileInput
        uploader={this.uploader}
        className={{ cursor: 'pointer' }}
        style={{ cursor: 'pointer' }}
      >
        <span>{this.props.children}</span>
      </FileInput>


{this.props.children}

然后它生成：

<input type="file" class="react-fine-uploader-file-input" style="bottom: 0px; height: 100%; left: 0px; margin: 0px; opacity: 0; padding: 0px; position: absolute; right: 0px; top: 0px; width: 100%;">



没有span元素的
游标：指针
属性
传递样式。
使用正确的类名，不要将样式直接传递到类名中

     <FileInput uploader={this.uploader} >
        <span style={{cursor : 'pointer'}}>{this.props.children}</span>
     </FileInput>


{this.props.children}
为span元素传递样式。
使用正确的类名，不要将样式直接传递到类名中

     <FileInput uploader={this.uploader} >
        <span style={{cursor : 'pointer'}}>{this.props.children}</span>
     </FileInput>


{this.props.children}
您可以使用CSS实现。您需要创建一个css，并且需要提供文件输入
className=“file upload”

看看这个工作演示

CSS

.file-upload input[type='file'],::-webkit-file-upload-button {
  cursor: pointer;
}

文件输入组件

import React，{Component}来自'React'；
从'react dom'导入{render}；
导入“/style.css”；
从“react fine uploader/file input”导入文件输入
从“fine uploader wrappers”导入FineUploader传统
const uploader=新的FineUploader传统({
选项：{
请求：{
端点：“我的/上传/端点”
}
}
})
常量文件输入=(
选择文件
)
呈现（fileInput，document.getElementById（'root'））
您可以使用CSS实现。您需要创建一个css，并且需要提供文件输入
className=“file upload”

看看这个工作演示

CSS

.file-upload input[type='file'],::-webkit-file-upload-button {
  cursor: pointer;
}

文件输入组件

import React，{Component}来自'React'；
从'react dom'导入{render}；
导入“/style.css”；
从“react fine uploader/file input”导入文件输入
从“fine uploader wrappers”导入FineUploader传统
const uploader=新的FineUploader传统({
选项：{
请求：{
端点：“我的/上传/端点”
}
}
})
常量文件输入=(
选择文件
)
呈现（fileInput，document.getElementById（'root'））
不是您要寻找的答案，只是为了更正您的代码，
className
用于您要分配的
类的字面名称，您将css放入其中，这是无效的，不是您要查找的答案，而是为了更正您的代码，
className
用于您想要分配的
类的字面名称，您将css放入其中，这是无效的