react组件:Fragment
render() {
return (
<Fragment>//代替最外层包装
<div></div>
<ul>
<li></li>
</ul>
</Fragment>
)
}
list:[...this.state.list,this.state.inputValue];//将input值放到list列表里 ...表示list里所有数据
JSX防踩坑:
注释:return内
render(){
return (
<Fragment>
{/*xxxx*/} 或 {
//xxxx
}
</Fragment>
)
}
标签类:使用className
render() {
return (
<Fragment>
<p className=''></p>
</Fragment>
)
}
解析html标签:
render() {
return (
<Fragment>
<ul>
{
list && list.map((v,i) => {
return (
<li
key={i}
dangerouslySetInnerHTML={{__html:v}}
>这里不能有任何内容</li>
)
})
}
</ul>
</Fragment>
)
}
for:jsx中只能用htmlFor
render() {
return (
<Fragment>
<div>
<label htmlFor='js'>sdsa</label>
<input id='js' type='text' ref={(input)=>{this.input=input}}/>
<button onClick={this.add}>add{length}</button>
</div>
</Fragment>
)
}