江苏龙网

  1. 首页 > 生活 > >

使用ES6语法写的react组件无法渲染

1. React 组件用 PascalCase ，不要用小写。React\u0026#39;s JSX uses the upper vs. lower case convention to distinguish between local component classes and HTML tags.2. jsx 编译出来的代码依赖 React , 所以你需要在 jsx 里 import React// \u0026lt;Test ...\u0026gt; 转换成React.createElement("Test" ...)
■网友
【使用ES6语法写的react组件无法渲染】 改为
import { Test } from "../components/test";
■网友
你的代码中包含JSX语法的东西，react.js中并不能直接解析JSX，所以你需要另一个JSXTransformer.js来帮助你在解释执行时转换JSX为纯js，当然，这样会严重影响效率。React官方建议你将.jsx的文件用Babel预处理成对应的.js语法文件，然后在html中引用纯净的.js文件，当然，这个时候你就不再需要JSXTransformer.js了，性能也会大大提高。希望对你有所帮助。good luck, buddy.
■网友
import {Component, PropTypes} from \u0026#39;react\u0026#39;;改为下面import React,{Component, PropTypes} from \u0026#39;react\u0026#39;;这样就行了
■网友
红包？ 怎么了


    推荐阅读


    上一篇：kindle的内存满了，又不想删除下的书，该咋办

    下一篇：电子签名的认证、防篡改机制是咋实现的