gpt4 book ai didi

reactjs - propType 用于接受组件作为 prop?

转载 作者:行者123 更新时间:2023-12-03 13:35:16 25 4
gpt4 key购买 nike

鉴于这个人为的示例,componentType 的最佳定义是什么?

const componentType = PropTypes.oneOfType([
PropTypes.shape({render: PropTypes.func.isRequired}), // React.createClass / React.Component ...better way to describe?
PropTypes.func, // Stateless function
// others?
]);

const Selector = React.createClass({

propTypes: {
components: PropTypes.arrayOf(componentType).isRequired,
index: PropTypes.number.isRequired,
},

render() {
const Component = this.props.components[this.props.index];
return (
<Component />
);
}
});

PropTypes.node 不是我要找的;它的用法如下:

<Selector components={[<ThingA  />, <ThingB  />]} />

而我想要的东西看起来像:

<Selector components={[ThingA, ThingB]} />

我想传递类型,而不是实例。

最佳答案

我交叉发布到 github 并得到 this answer 。所以应该是:

const componentType = PropTypes.oneOfType([PropTypes.string, PropTypes.func])

func 涵盖了“经典”React 组件、ES6 类和无状态函数组件的类型。 string 涵盖 native 元素大小写(例如“div”)。

关于reactjs - propType 用于接受组件作为 prop?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33087130/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com