在react里面写但标签注意点

注意点一:

在html中,但标签可以省略/。例如<input />,可以省略为<input>

但在react的script文件中,不能省略/。 如果将<input />省略为<input>就无法解析。

注意点二:

在react里面的标签,ref相当于class。

注意点三:

render(){return(里面只能有一个div根标签)}

注意点四:

代码:todos.map((todo,index) => <li key={index}>{todo}</li>

如果后面的li标签要加大括号,必须加return

todos.map((todo,index) => {return <li key={index}>{todo}</li>}

注意点五:

包含表单的组件分类:

受控组件:表单项输入数据能自动收集成状态

非受控组件:需要时才手动读取表单输入框的数据

注意点六:

<h2 style={{opacity:opacity}}>xxx</h2>

style={{opacity:opacity}}中第一个大括号代表了js代码,第二个大括号代表js对象

注意点七:

更新状态是不要忘记代码,this.setState({xxx})

注意点八:

组件模块最好用.jsx作为后缀

发表评论

电子邮件地址不会被公开。