在React Native中使用TextInput等组件进行DRY的最佳实践？

Question

我在多个场景中使用TextInput来呈现“表单”元素。它们都具有相同的风格，所以在React Native中，在造型方面有什么好的做法？我的意思是，我可以在每个组件场景中为TextInput定义一种样式，但是有没有办法做到更多DRY？

Answer 1

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