如何添加带有样式和道具的视图?(JSX 语法)

Question

新的JavaScript和React Native用户在这里。这看起来很简单，问起来很尴尬，但我没有运气找到相关的文档或示例。

我

正在尝试从自定义组件类设置视图，但是当我为视图分配样式和道具时，我无法弄清楚如何避免 SyntaxError。这是带有错误的行：

<MyView {myWidth=500}, style={backgroundColor: 'blue'}>
</MyView>

确切的错误是："语法错误应用程序.js：意外的令牌，预期的...（144：23）"

我知道 144 是行号，但我不确定数字 23 的意义是什么。

下面是自定义组件类：

class MyView extends React.Component {
  render() {
  return (
    <View
      style={{
        width: this.props.myWidth,
      }}
    >
    </View>
  );
 }
}

你能帮我修复错误吗？ 我也非常感谢我错过的适用 React Native 文档的链接。

Answer 1

它是

：

<MyView myWidth={500}, style={{backgroundColor: 'blue'}}></MyView>

所以myWidth键（或道具），其中 500 是值，样式有一个带有键和值的对象，用于样式。