如何添加带有样式和道具的视图？ （JSX语法）

Question

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

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

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

确切错误是：“SyntaxError App.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是值，而style具有 Object ，其中包含样式的键和值。