Question

    const Styles = () => {
  containerStyle: {
    borderWidth: 1,
    borderRadius:2,
    borderColor: '#ddd',
    borderBottomWidth: 0,
    shadowColor: '#000',
    shadowOffset: {width: 0, height: 2},
    shadowOpacity: 0.1,
    shadowRadius: 2,
    elevation:1,
    marginLeft: 5,
    marginRight: 5,
    marginTop: 10

  }

我正在尝试在react.js中做这个样式。但控制台显示borderRadius的解析错误：2，错误为：意外的令牌，预期;

Answer 1

在您的示例中，您缺少Styles对象的右括号。

const Styles = () => ({
    containerStyle: {
        borderWidth: 1,
        borderRadius:2,
        borderColor: '#ddd',
        borderBottomWidth: 0,
        shadowColor: '#000',
        shadowOffset: {width: 0, height: 2},
        shadowOpacity: 0.1,
        shadowRadius: 2,
        elevation:1,
        marginLeft: 5,
        marginRight: 5,
        marginTop: 10,
    },
});

Answer 2

事实证明，在我的项目中，这个const样式应该是一个对象而不是函数。因此它显示错误并且要求;代替，。感谢

在React中获取解析错误

2 个答案: