当前位置:  开发笔记 > 编程语言 > 正文

如何在propTypes中声明样式?

如何解决《如何在propTypes中声明样式?》经验,为你挑选了3个好方法。

启用了forbid-prop-types规则后,eslint禁止使用style: React.PropTypes.object,shape建议使用.

但是真的有必要为此目的定义所有可用的属性吗?

DEMO.propTypes = {
    style: React.PropTypes.shape({
        color: React.PropTypes.string,
        fontSize: React.PropTypes.number,
        ...
    })
};

定义代码太多了!



1> NiFi..:

React Native现在包含ViewPropTypes,将替换View.propTypes.style.用法示例:

import { ViewPropTypes } from 'react-native';

MyComponent.propTypes = {
  style: ViewPropTypes.style
};


你见过文字的等价物吗?React Native代码库中似乎不存在TextPropTypes View.propTypes在发布模式下的运行时不再存在,我不确定Text.propTypes是否确实存在.

2> tiagob..:
View.propTypes.style

要么

Text.propTypes.style

它看起来像这样:

DEMO.propTypes = {
    style: Text.propTypes.style,
    ...
};

https://facebook.github.io/react-native/releases/0.21/docs/style.html#pass-styles-around


现在已弃用
这个问题被标记为`reactjs`,这只是`react-native`吗?
小心!`View.propTypes`将在发布版本中被删除,因此你会有一个错误:`style of undefined` !! (对于`Text`也一样)

3> David Weldon..:

一种可能性是使用react-style-proptype包,如下所示:

import stylePropType from 'react-style-proptype';

MyComponent.propTypes = {
  style: stylePropType,
};

推荐阅读
linjiabin43
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有