jsx-control-statements:针对React JSX的Neater If和For

时间:2024-02-19 18:08:32
【文件属性】:

文件名称:jsx-control-statements:针对React JSX的Neater If和For

文件大小:97KB

文件格式:ZIP

更新时间:2024-02-19 18:08:32

react javascript babel jsx babel-plugin

JSX控制语句 JSX-Control-Statements是Babel插件,它扩展了JSX以添加基本的控制语句: conditional和loops 。 它是通过将类似于组件的控制语句转换为其JavaScript对应语句来实现的,例如Hello World!成为condition() ? 'Hello World!' : null condition() ? 'Hello World!' : null condition() ? 'Hello World!' : null 。 使用诸如Handlebars之类JavaScript模板库来使用React的开发人员通常会感到惊讶,因为它没有内置的循环或条件语法。 这是设计使然-JSX by不是模板库,它是功能性JavaScript表达式之上的声明性语法糖。 JSX Control Statements遵循相同的原理-它提供了一种类似于组件的语法,可使您的render函数保持整洁和可读性,但在干净,易读JavaScript中却存在缺点。 JSX-Control-Stat


【文件预览】:
jsx-control-statements-master
----.eslintrc.json(833B)
----.gitignore(1KB)
----package.json(1KB)
----src()
--------chooseStatement.js(2KB)
--------index.js(686B)
--------util()
--------withStatement.js(1KB)
--------forStatement.js(2KB)
--------ifStatement.js(1KB)
----.travis.yml(226B)
----changelog.md(2KB)
----wallaby.js(581B)
----CONTRIBUTING.md(2KB)
----LICENSE(1KB)
----components.ts(1005B)
----spec()
--------testUtil.js(2KB)
--------fixtures()
--------test()
--------tests.js(344B)
----README.md(16KB)
----jsx-control-statements.flow.js(308B)
----.npmignore(1KB)
----.editorconfig(374B)
----yarn.lock(100KB)
----index.d.ts(665B)

网友评论