javascript - React 中出现解析错误

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 的解析错误，错误为: Unexpected token , Expected ;

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,
    },
});