从本机组件中反应本机使用propType

Question

我有CustomText组件接受align作为其中一个道具。

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

原生Text组件具有以下textAlign

的propType验证程序

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

所以我想从textAlign组件的原生Text组件中使用CustomText 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'])
}