react-router

React Router 4 的每一个部分都是 React 的组件：Router, Route, Link 等等。
react-router实例

jsonp

• 先npm按装jsonp

  npm i jsonp --save

• jsonp的使用

  jsonp(url, opts, fn)

  jsonp一共接收三个参数，第一个是url，代表从哪个api获取参数，第二个是option，也就是data，获取的数据结构，第三个fn，callback回调函数，这个在实际开发过程中可以视具体情况和后端约定。

• jsonp的示例

  config.js——存放一些公共的参数，还有公共的回调函数

  
  export const commonParams = {
  g_tk: 5381,
  inCharset: 'utf-8',
  outCharset: 'utf-8',
  notice: 0,
  format: 'jsonp'  
  }

export const options = { param: 'jsonpCallback' }

export const ERROR_OK = 0;

> singer.js——在这里获取第一个轮播图部分的数据

import jsonp from 'jsonp'; import {commonParams, options} from '../common/js/config.js'; //引入依赖，以及方法

export const getSlider = () => { const url = 'https://c.y.qq.com/v8/fcg-bin/fcg_v8_singer_track_cp.fcg', const data = Object.assign({}, commonParams, { //Object.assign是ES6的语法，起到对象合并的作用 channel: 'singer', page: 'list', key: 'all_all_all', pagesize: 100, pagenum: 1, hostUin: 0, needNewCode: 0, platform: 'yqq' }); return jsonp(url, data, options); //最后return一个jsonp的函数 }

- 这个app中的接口
> 1、slider轮播图接口

https://c.y.qq.com/v8/fcg-bin/fcg_v8_singer_track_cp.fcg