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} />을 사용하여 다른 소품 (명시 적으로 정의되지 않은 것)을 전달할 수도 있습니다.