首页 > 代码库 > [Recompose] Lock Props using Recompose -- withProps
[Recompose] Lock Props using Recompose -- withProps
Learn how to use the ‘withProps’ higher order component to pre-fill a prop, unable to be overridden.
const { Component } = React;const { withProps } = Recompose;// with function as arguementconst HomeLink = withProps(({ query }) => ({ href: ‘#/?query=‘ + query }))(‘a‘);// take object as arguementconst ProductsLink = withProps({ href: ‘#/products‘ })(‘a‘);const CheckoutLink = withProps({ href: ‘#/checkout‘ })(‘a‘);const App = () => <div className="App"> <header> <HomeLink query="logo">Logo</HomeLink> </header> <nav> <HomeLink>Home</HomeLink> <ProductsLink>Products</ProductsLink> <CheckoutLink>Checkout</CheckoutLink> </nav> </div>;ReactDOM.render( <App />, document.getElementById(‘main‘));
withProps, take string as arguement for creating a new DOM element.
[Recompose] Lock Props using Recompose -- withProps
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。