ネイティブコンポーネントのネイティブuse propTypeにネイティブコンポーネントの

Question

のコンポーネントがあり、これはalignをプロップの1つとして受け入れます。

const alignPropType = PropTypes.oneOf(
    ['auto' /*default*/, 'left', 'right', 'center', 'justify'] 
) 
CustomText.proptypes = { 
    align: alignPropType 
} 

ネイティブTextコンポーネントは、だから私はCustomTextコンポーネントのネイティブTextコンポーネントからtextAlign propTypeを使いたいtextAlign

PropTypes.oneOf(
    ['auto' /*default*/, 'left', 'right', 'center', 'justify'] 
) 

ためpropTypeのバリデータを以下ました。

次のようなものになりますこと：私は十分にあなたの質問を理解していれば

CustomText.proptypes = { 
    align:Text.propTypes.style.textAlign 
} 

Answer 1

を、あなたのコンポーネントは次のようになります。

export default class CustomText extends Component { 
    render() { 
    return (
     <Text textAlign={this.props.align}></Text> 
    ); 
    } 
} 

CustomText.proptypes = { 
    align: propTypes.oneOf(['auto' , 'left', 'right', 'center', 'justify']) 
}