react属性绑定

1.属性值绑定state里的数据，不用引号

class App extends Component {
  constructor(props){
    super(props);
    this.state = {
      title:"提示文字"
    }
  }
  render() {
    return (
      <div>
        {/* 属性值不用双引号 */}
        <div title={this.state.title}>test</div>
      </div>
    );
  }
}

 

2.class的绑定用className

  render() {
    return (
      <div>
        {/* className绑定类名 */}
        <div className="red">文字</div>
      </div>
    );
  }

 

3.label中使用for的时候，要改成Htmlfor

  render() {
    return (
      <div>
        {/* 使用htmlFor代替for */}
        <label htmlFor="name">姓名：</label>
        <input type="text" id="name"/>
      </div>
    );
  }

 

4.绑定行内样式,绑定行内样式，需要两个大括号

class App extends Component{
  render(){
    return(
      <div>
        <div className="test" style={{"margin":"0 auto"}}>
          
        </div>
      </div>
    )
  }
}

 

转载于:https://www.cnblogs.com/luguankun/p/10281395.html