reactjs - 带点参数的 React Native 组件名称

Question

是否可以使用参数在 React Native 中创建自定义组件，例如。 :变换<PageHeader />至<Page.Header />或<PageContent />至<Page.Content /> .

我用 Picker 看到了这个语法React Native 中的组件。

<Picker
  selectedValue={this.state.lang}
  onValueChange={(itemValue, itemIndex) => this.switchLang(itemValue)}
  style={Styles.picker}
>
  <Picker.Item label="EN" value="en-EN" />
  <Picker.Item label="FR" value="fr-FR" />
</Picker>

感谢社区:)

Answer 1

您将编写暴露其他组件的组件 static class variables您可以从类 Instance 访问它，例如您定义的组件如下

class PageContent extends React.Component {}

class PageHeader extends React.Component {}

然后声明您的页面组件，例如

class Page extends React.Component {
   static Content = PageContent;
   static Header = PageHeader;

}

export default Page

现在如果您导入Page ，您可以访问Header和Content喜欢 <Page.Content/>和<Page.Header/>

现在如果Page组件不执行任何 React 操作，您可以将其编写为基本的 class