代码拉取完成,页面将自动刷新
Use directive in React.
Now you can use r-if
、r-for
in jsx.
Install: yarn add babel-plugin-react-directive --dev
Add to your .babelrc:
{
plugins:[
'react-directive'
]
}
Before:
render(){
const visible = true
return(
<div>
{
visible ? <div>content<div>
: ''
}
</div>
)
}
Now:
render(){
const visible = true
return(
<div>
<div r-if = {visible}>content</div>
</div>
)
}
Before:
render(){
const list = [1, 2, 3, 4, 5]
return(
<div>
{
list.map((item,index)=>(
<div key={index}>{item}</div>
))
}
</div>
)
}
Now:
render(){
const list = [1, 2, 3, 4, 5]
return(
<div>
// auto set 'key' to the index.
<div r-for = {item in list}>{item}</div>
// or you can set the key manually.
<div r-for = {(item,index) in list} key = {index+1}>{item}</div>
</div>
)
}
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型