Javascript 样式化组件如何将宽度道具传递给组件

我是新的样式组件。我想通过向组件传递道具来设置输入宽度。 预期产出应为：

<Input width=30px> or <Input width=100%> 

---

在这个小片段中：

${props=>props.width？width:'auto'}

，您忘记了

width

位于

props

-对象上。要解决此问题，请执行以下操作：

${props => props.width ? props.width : 'auto'}

您可以在下面看到我的工作示例：

const UIInput=styled.input`
填充物：5px；
宽度：${props=>props.width？props.width:'auto'}
`
ReactDOM.render(
300px

80%

,
document.getElementById（'root'）

just:${props=>props.width | | | auto'}@FabioEspinosa当然是一个选项，我刚刚修复了OP的代码。实际上，我认为新的null合并操作符会更好：
${props=>props.width？？？'auto'}
。现在如果
props.width
是falsy（例如
0
），它将默认为
auto
，也许您想要0？
${props => props.width ? props.width : 'auto'}