react的学习过程中查漏补缺的js基础知识

jsx语法示例

官网相关api地址 https://zh-hans.reactjs.org/docs/react-api.html#createelement

• 常用写法

<div className="shopping-list">
  <h1>Shopping List for {props.name}</h1>
  <ul>
    <li>Instagram</li>
    <li>WhatsApp</li>
    <li>Oculus</li>
  </ul>
</div>;

• jsx写法

/*#__PURE__*/
React.createElement("div", {
  className: "shopping-list"
}, 
  /*#__PURE__*/
  React.createElement("h1", null, "Shopping List for ", props.name), 
  /*#__PURE__*/
  React.createElement("ul", null, 
  /*#__PURE__*/
  React.createElement("li", null, "Instagram"), 
  /*#__PURE__*/
  React.createElement("li", null, "WhatsApp"),
 /*#__PURE__*/
React.createElement("li", null, "Oculus")));

js的Class构造函数知识点

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Classes

npm和npx

npx是npm升级优化版的维护npm包， npx 会自动查找当前依赖包中的可执行文件，如果找不到，就会去 PATH 里找。如果依然找不到，就会帮你安装！

es7语法的装饰器

https://www.jianshu.com/p/13c5d002478b