在React Native中使用诸如TextInput之类的组件时，最佳实践是DRY风格

Question

我在多个场景中使用TextInput来渲染"form"元素。它们都有相同的样式，那么在React Native中，什么是好的样式实践呢?我的意思是，我可以在每个组件场景中为TextInput定义一个样式，但是有没有一种方法可以更多的DRY?

Answer 1

将您的TextInput封装在您自己的组件中。为它添加样式，并定义在该组件中经常使用的道具。您还可以传递其他道具(未显式定义)，例如使用const { label, value, placeholder, onChange, multiline, onSubmit, ...passProps } = this.props;，然后使用<TextInput label={label} ... {...passProps} />。