return ( {header} {main} /View> ) } } 不能在 JSX 参数中使用对象展开符微信小程序组件要求每一个传入组件的参数都必须预先设定好，而对象展开符则是动态传入不固定数量的参数。所以 Taro 没有办法支持该功能。 规则详情以下代码会被 ESLint 提示警告，同时在 Taro（小程序端）也不会有效： 以下代码不会被警告，也应当在 Taro 任意端中能够运行： const { id, ...rest } = obj const [ head, ...tail] = array const obj = { id, ...rest } 异步编程Taro 支持使用 async functions 来让开发者获得不错的异步编程体验，开启 async functions 支持需要安装包 @tarojs/async-await $ npm install --save @tarojs/async-await 随后在项目入口文件 app.jsx 中直接 import ，就可以开始使用 async functions 功能了 // src/app.jsx import '@tarojs/async-await' 使用Redux在 Taro 中可以自由地使用 React 生态中非常流行的数据流管理工具 Redux 来解决复杂项目的数据管理问题。而为了更方便地使用 Redux ，Taro 提供了与 react-redux API 几乎一致的包 @tarojs/redux 来让开发人员获得更加良好的开发体验。 首先请安装 redux 、 @tarojs/redux 和 @tarojs/redux-h5，以及一些需要用到的 redux 中间件 $ npm install --save redux @tarojs/redux @tarojs/redux-h5 redux-thunk redux-logger 随后可以在项目 src 目录下新增一个 store 目录，在目录下增加 index.js 文件用来配置 store，按自己喜好设置 redux 的中间件，例如下面例子中使用 redux-thunk 和 redux-logger 这两个中间件 // src/store/index.js import { createStore, applyMiddleware } from 'redux' import thunkMiddleware from 'redux-thunk' import { createLogger } from 'redux-logger' import rootReducer from '../reducers' const middlewares = [ thunkMiddleware, createLogger() ] export default function configStore () { const store = createStore(rootReducer, applyMiddleware(...middlewares)) return store } 接下来在项目入口文件 app.js 中使用 @tarojs/redux 中提供的 Provider 组件将前面写好的 store 接入应用中 // src/app.js import Taro, { Component } from '@tarojs/taro' import { Provider } from '@tarojs/redux' import configStore from './store' import Index from './pages/index' import './app.scss' const store = configStore() class App extends Component { config = { pages: [ 'pages/index/index' ], window: { navigationBarTitleText: 'Test' } } render() { return ( /Provider> ) } } Taro.render(, document.getElementById('app')) 然后就可以开始使用了。如 redux 推荐的那样，可以增加 constants 目录，用来放置所有的 action type 常量actions 目录，用来放置所有的 actionsreducers 目录，用来放置所有的 reducers例如我们要开发一个简单的加、减计数器功能 新增 action type // src/constants/counter.js export const ADD = 'ADD' export const MINUS = 'MINUS' 新增 reducer 处理 // src/reducers/counter.js import { ADD, MINUS } from '../constants/counter' const INITIAL_STATE = { num: 0 } export default function counter (state = INITIAL_STATE, action) { switch (action.type) { case ADD: return { ...state, num: state.num + 1 } case MINUS: return { ...state, num: state.num - 1 } default: return state } } // src/reducers/index.js import { combineReducers } from 'redux' import counter from './counter' export default combineReducers({ counter }) 新增 action 处理 // src/actions/counter.js import { ADD, MINUS } from '../constants/counter' export const add = () => { return { type: ADD } } export const minus = () => { return { type: MINUS } } 最后，我们可以在页面（或者组件）中进行使用，我们将通过 tarojs/redux 提供的 connect 方法将 redux 与我们的页面进行连接 // src/pages/index/index.js import Taro, { Component } from '@tarojs/taro' import { View, Text } from '@tarojs/components' import { connect } from '@tarojs/redux' import './index.scss' import { add, minus } from '../../actions/counter' @connect(({ counter }) => ({ counter }), (dispatch) => ({ add () { dispatch(add()) }, dec () { dispatch(minus()) } })) class Index extends Component { config = { navigationBarTitleText: '首页' } render () { return ( +/Button> -/Button> {this.props.counter.num}/View> /View> ) } } export default Index connect 方法接受两个参数 mapStateToProps 与 mapDispatchToProps mapStateToProps，函数类型，接受最新的 state 作为参数，用于将 state 映射到组件的 propsmapDispatchToProps，函数类型，接收 dispatch() 方法并返回期望注入到展示组件的 props 中的回调方法Taro 代码与小程序代码混写Taro 项目 支持 Taro 的代码与小程序（微信/百度/支付宝/字节跳动）原生的页面、组件代码混合存在，只需要将原生的页面、组件代码放入 src 目录下，随后在 入口文件 app.js 中定义好 pages 配置指向对应的原生的页面即可，在原生页面的配置中，你可以通过 usingComponents 来定义需要引入的组件，这里可以指定 Taro 组件同时也可以指定小程序原生的组件。 usingComponents 指定的小程序原生组件名字需要以小写开头。 组件库说明http://taro-docs.jd.com/taro/docs/components-desc.html API 说明http://taro-docs.jd.com/taro/docs/apis/about/desc.html