阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      React 不能使用 style 属性

      提示的错误消息如下

      Uncaught Error: Minified React error #62; visit http://facebook.github.io/react/docs/error-decoder.html?invariant=62&args[]=%20This%20DOM%20node%20was%20rendered%20by%20%60ProductRow%60. for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

      错误的出处

      const name=this.props.product.stocked ? this.props.product.name :
          <span style='color:"red"'>
              {this.props.product.name}
          </span>;
      return(
          <tr>
              <td>{name}</td>
              <td>{this.props.product.price}</td>
          </tr>
      )
      

      其中 color:red 是错误的原因;

      正确的写法如下

      const name=this.props.product.stocked ? this.props.product.name :
          <span style={{color:"red"}}>
              {this.props.product.name}
          </span>;
      return(
          <tr>
              <td>{name}</td>
              <td>{this.props.product.price}</td>
          </tr>
      )
      

      这样就 OK 了,作为表达式,不能直接字符串包着;

      目录
      目录