你需要在每个 Text 组件上指定想要应用的样式，并没有一种可以在全局设置文字统一样式的方法。不过们可以去创建一些自定义的 Text 组件，在这些组件上设计好文字的样式，然后你想使用这种样式显示文字就可以使用这个组件。

你可以在单独的文件里去定义这些组件，然后再导入到想要使用这些组件的文件上来 .. 这里我直接在这个主文件上创建一个显示文本的组件 .. 其实就是去定义一个 React 组件 … class .. 后面是组件的名字，比如我们叫它 HeaderText … 继承 React.Component … 用一个 render 方法 … 再返回一些东西 … 输入 return …

这个组件返回的东西，可以使用一组 Text … 在这个 Text 上面添加一个 style .. 应用一个样式 … 可以使用在下面创建的这个 styles.itemText ..

要显示的文字可以使用一个 this.props.children .. 在 Text 标签之间的东西就是这个 this.props.children …

这样我们就创建好了一个可以显示文本的组件 .. 这个组件里的文字会使用一个特别的样式 … 下面使用这个组件去包装一下这个 ninghao.net ，把 Text 换成 HeaderText …

保存 … 你会看到，屏幕上的文字，会使用一个指定的样式显示 …