首页 > 代码库 > [Recompose] Set the HTML Tag of a Component via a Prop using Recompose
[Recompose] Set the HTML Tag of a Component via a Prop using Recompose
Learn how to user the ‘componentFromProp’ helper and ‘defaultProps’ higher order component to swap the underlying html tag of your component. Sometimes we want a component to behave the same overall but to use a different element in the HTML output. An example is swapping an for a or even a react router depending on circumstance.
const { Component } = React;const { compose, componentFromProp, withProps } = Recompose;const enhance = compose( withProps( ({ type=‘a‘, to=‘#‘ }) => { return type === ‘a‘ ? { type, href: to } : { type, onClick(e) { window.location=to }}; }));const Link = enhance(componentFromProp(‘type‘));
Passing the props:
const App = () => <div className="App"> <Link to="#/page1">Anchor Link</Link> <Link type="button" to="#/page2">Button Link</Link> </div>
[Recompose] Set the HTML Tag of a Component via a Prop using Recompose
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。