JSX表达式不可使用逗号运算符报错求助：样式代码问题

报错原因 #

你的代码里style属性的写法存在错误：

<Text style={[theme.interRegular14], { fontWeight: 'bold' }}>No products bookmarked</Text>

这里误用了逗号运算符分隔两个样式片段，但JSX表达式不允许这种写法。在React Native中，合并多个样式的正确方式是将所有样式对象放入同一个数组中。

修复后的代码 #

把两个样式对象都放在数组内部即可：

<Text style={[theme.interRegular14, { fontWeight: 'bold' }]}>No products bookmarked</Text>

数组中的两个样式会自动合并，fontWeight: 'bold'会覆盖theme.interRegular14中同名的样式属性（如果存在的话）。

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