Reactjs 使用多个输入响应内联样式

我们如何在React元素上实现类似“padding:0 10px”的内联样式？如果我为padding或margin属性提供快捷语法，则会引发错误，因此我必须显式声明paddingTop、paddingRight等。我在React文档中没有看到任何可以解决此问题的内容，因此我想知道是否可以在React中使用快捷方式？

您可能只是输入错误或意外地将其写错了。应用内联样式的语法遵循此模式

{{property:'value'}}

不能在属性的值中添加分号。

内联样式表示为react的对象。在react-render方法中，应用属性或作为javascript读取内容的语法也用大括号表示

所以，要把它应用到你的具体问题上，你可以这样做

<div style={{margin: '0px 10px'}} />

如果使用的是在返回渲染函数之前定义的样式变量，则可以这样使用它

const divStyles = {
    margin: '0px 10px'
}

// ... in the render return

<div style={divStyles} />

const divStyles={
边距：“0px 10px”
}
// ... 在渲染返回中

---

您可能只是输入了一个错误，或者是不小心写错了。应用内联样式的语法遵循此模式

{{property:'value'}}

不能在属性的值中添加分号。

内联样式表示为react的对象。在react-render方法中，应用属性或作为javascript读取内容的语法也用大括号表示

所以，要把它应用到你的具体问题上，你可以这样做

<div style={{margin: '0px 10px'}} />

如果使用的是在返回渲染函数之前定义的样式变量，则可以这样使用它

const divStyles = {
    margin: '0px 10px'
}

// ... in the render return

<div style={divStyles} />

const divStyles={
边距：“0px 10px”
}
// ... 在渲染返回中

请将您的问题提供给我们，说明您的问题。请将您的问题提供给我们，说明您的问题。