React笔记

2018-05-24

注释写法

var content = (
  <Nav>
    {/* 一般注释, 用 {} 包围 */}
    <Person
      /* 多
         行
         注释 */
      name={window.isLoggedIn ? window.name : ''} // 行尾注释
    />
  </Nav>
);

fetch 跨域

要使浏览器发送包含凭据的请求(即使是跨源来源),请添加credentials: ‘include’到init传递给该fetch()方法的对象。

fetch('https://example.com', {
  credentials: 'include'  
})

如果您只想在请求URL与调用脚本位于相同的源时发送凭据,请添加 credentials: ‘same-origin’。

// The calling script is on the origin 'https://example.com'

fetch('https://example.com', {
  credentials: 'same-origin'  
})

要改为确保浏览器不在请求中包含凭据,请使用credentials: ‘omit’。

// 使用omit来解决跨域报错 !!!

fetch('https://example.com', {
  credentials: 'omit'  
})

参考文档:https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

webstorm ES6转ES5

安装 babel-cli 和 babel-preset-es2015

npm install --save-dev babel-cli
npm install --save-dev babel-preset-es2015

然后在项目目录下创建 .babelrc 文件:

{
  "presets": ["es2015"]
}

打开 settings -> Tools -> File Watchers,新建一个Babel, 把 –presets env 参数改成 –presets es2015