React.js无状态HOC和eslint的PropType验证

时间:2018-02-03 15:17:40

标签: reactjs eslint

让我们假设我有一个HOC,我想要显示预加载器而不是内容,它应该依赖于道具:

const Preloader = (WrappedComponent) => {
  return (props) => {
    return (
      props.loading ?
        <div className="someclass">
         ...preloader stuff
        </div> :
        <WrappedComponent {...props} />
    );
  };
};

export default Preloader;

我试过了:

Preloader.propTypes = {
  loading: PropTypes.bool,
};

但是,显然它不起作用。

如何验证我的无功功能的道具? 什么是实现它的真正正确的方法,因为目前我只是关闭我的linter(react / prop-types)来隐藏错误。

0 个答案:

没有答案
相关问题