React不使用CSS修改button按钮宽度的正确写法是什么？

报错原因 #

你写的width:50%不符合JS对象语法要求，百分号直接跟在数字后会被JS判定为非法表达式，无法正常解析。

正确写法 #

把百分比作为字符串用引号包裹即可，代码如下：

<button className="btn-something" style={{width: '50%'}}>Decline</button>

补充说明 #

React的内联style属性接收的是一个标准JS对象：

• 不带单位的像素值可以直接写数字，比如width: 300等价于width: '300px'
• 其他所有带单位的取值（包括%、rem、vw、em等）都需要写成字符串格式

内容的提问来源于stack exchange，提问作者czroo