这个React组件模式叫什么？
这个React组件模式叫什么？
提问于 2019-08-07 09:05:53
我很难找到关于这个模式的一些文档。它有名字吗？
TextBase是一个带样式的组件。所以我可以像下面这样扩展它：Text.H1 = withComponent('h1')，但是我也想要传递html属性。因此就有了函数组件。然而，当我扩展我的Text组件时，属性被覆盖了，导致所有组件都是h1的。
const Text = (props) => {
const { children, testid, ...rest } = props;
return <TextBase data-testid={testid} {...rest}>{children}</TextBase>
}
Text.defaultProps = {color: 'red'}
Text.H1 = Text
Text.H1.defaultProps = { as: 'h1'}
Text.H2 = Text
Text.H2.defaultProps = { as: 'h2'}
Text.H3 = Text
Text.H3.defaultProps = { as: 'h3'}??
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-08-07 09:36:05
尝试使用this绑定函数调用，或者使用箭头函数，或者使用bind手动绑定函数。我相信它会起作用的。引用错误就是所有这些
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57390747
复制
相似问题
切换不会变回，span ng-bind不会更新为指定的文本
Span不会在div中更新
使用js更改span文本
使用ajax更新span内容
Google不会更新.js文件
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
