如何写一个hoc组件向组件中追加children?

mmming0821
  • 202

如何进行组件包装后向组件内部插入一个span标签?
比如子组件是:

const Child = () => <button></button>

如何写一个父组件Parent

const Parent = () => {...}

使其进行<Parent><Child /></Parent>调用后,将返回的html从
<button></button>变成<button><span></span></button>

回复
阅读 851
2 个回答
function Child(props){
    return (
        <button>{props.children}</button>
    )
}
function hoc(Child) {
    return function() {
        return (
            <Child><span></span></Child>
        )
    }
}
const Parent = hoc(Child);

这样吗?

const Child = (props) => <button>{props.children}</button>
const Parent = (props) => <Child><span>123</span></Child>

const res = <Parent></Parent>

我想不明白

<Parent><Child /></Parent>

这个是在干嘛????

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏