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>
    );
  }

猜你喜欢

转载自www.cnblogs.com/luguankun/p/10281395.html
今日推荐