React如何设置百分比形式的maxWidth？相关代码报错该怎么解决？

问题排查结果 #

你代码的核心问题是React内联样式的非px单位值没有写为字符串格式：
在JS语法中，40%属于非法的数值表达式，而React内联样式接收的是一个标准JS对象，属性值如果使用百分比、rem、vw等非px单位时，必须用引号包裹为字符串类型。

修正后的代码 #

<div style={{ maxWidth: '40%' }}>

额外注意事项 #

• 只有使用px作为单位时，可以直接写数字值，比如 maxWidth: 40 会自动被识别为40px
• 所有非px单位的样式值都需要明确写为字符串格式，比如fontSize: '1.2rem'、height: '80vh'

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