Reactjs 如何在语义反应UI中扩展输入的宽度和大小？

我正在使用Reactjs项目，我使用语义UI React来美化

输入

。然而，

Input

似乎总是以默认大小显示。如何调整其水平宽度

• 我按照上的说明，将这行代码转换为Html：

• 在我导入的js文件中：

import{Input}来自“语义ui反应”


并呈现输入：

添加
style={{{width:“300px”}
对我来说效果非常好。我使用的样式表与您的样式表相同。您可以查看以下代码：

const App = () => (
  <div style={styles}>
    <h2>Start editing width and see magic happen {'\u2728'}</h2>
    <Input placeholder="Hello there" style={{width: "370px"}}/>
  </div>
);

const-App=（）=>(
开始编辑宽度并查看神奇发生{'\u2728'}
);

可以在这里看到工作示例：

我尝试过这个
style={{width:“300px”}
但是仍然不起作用。如果你看一下输入组件（）的道具，你会发现
style
没有列出。但是，
className
是，因此您应该能够传入一个将执行相同操作的类。感谢您的回复。