NornJ 语法(JSX)

NornJ可为JS/JSX增加的语法有以下这几类:

主要用于为JSX扩充流程控制语句,例如循环:

<each of={[1, 2, 3]}>
  <i>{item}</i>
</each>

主要用于为JSX扩充一种新的修改组件props的封装形式,例如修改组件style属性的display值:

<img n-show={false} />

为JS/JSX扩充类似模板引擎的过滤器/管道语法,例如可将各类通用函数统一封装为过滤器使用:

<button>
  {n`${foo} | capitalize`}
</button>

可为JS/JSX扩充新的运算符,比如范围运算符:

<input value={n`(1 .. 100).join('-')`} />

results matching ""

    No results matching ""