react-mountif:避免编写繁琐的条件渲染

时间:2024-06-01 12:03:54
【文件属性】:

文件名称:react-mountif:避免编写繁琐的条件渲染

文件大小:41KB

文件格式:ZIP

更新时间:2024-06-01 12:03:54

JavaScript

React山 避免编写繁琐的条件渲染 动机 很多时候,在编写React代码时,您会偶然发现以下模式: let hello ; if ( this . state . show ) { hello = < Hello> ; } 这写起来很繁琐,这是非常普遍的情况。 为了避免无聊并继续玩乐,您可以使用此包装,根据您的英勇程度,包装有两种不同的口味。 ES6类和ES7装饰器是您可能想要品尝的新的辛辣成分。 否则,您总是可以退回到老式的createClass 。 这个怎么运作 您的组件已包装。 包装器的render函数检查是否 this.props.mountIf为false this.props.unmountIf为true 在这种情况下,包装器的render方法返回null并且不显示任何内容。 否则,它将返回包装的组件。 例子 ES6类和ES7装饰器 import Mo


【文件预览】:
react-mountif-master
----.gitignore(531B)
----package.json(714B)
----src()
--------mountif.js(403B)
--------index.js(97B)
----LICENSE(1KB)
----index.js(36B)
----examples()
--------classic()
--------example.html(3KB)
--------main.js(268B)
--------webpack.example.babel.js(815B)
--------modern()
--------bundle.js(118KB)
----README.md(2KB)
----.npmignore(6B)

网友评论