Taro文档手册完整版.docVIP

Taro

文档手册

目录

Taro组成

开发前注意特殊问题的处理教程

路由功能静态资源引用

JSX简介

组件化props生命周期state

事件处理条件渲染列表渲染微信小程序原生作用域获取组件库

视图容器

View

ScrollView

Swiper

MovableView

CoverView基础内容

IconText

Progress

RichText表单组件

Button

Checkbox

Form

Input

Label

Picker

PickerView

RadioSlider

Switch

Textarea导航-Navigator媒体

AudioImage

Video

Camera

LivePlayer

LivePusher

地图-Map画布-Canvas开放能力

OpenData

WebView

API

Taro.Component

Taro.eventCenter

环境判断设计稿及尺寸单位

端能力API进阶指南项目配置

ConfigDetail

异步编程

使用Redux

使用微信小程序第三方组件Taro代码与微信小程序代码混写最佳实践

不能在自定义组件中写children(taro/custom-component-children)不能在包含JSX

元素的map循环中使用if表达式(taro/if-statement-in-map-loop)不能使用

Array#map之外的方法操作JSX数组(taro/manipulate-jsx不能在JSX

参数中使用匿名函数(taro/no-anonymous-function-in-pr暂不支持在render()之

外的方法定义JSX

不允许在JSX参数(props)中传入JSX元素(taro/no-jsx-in-props)不能在JSX

参数中使用对象展开符(Objectspread)(taro/no-spread-in-props)不支持无状态组

件（statelesscomponent）(taro/no-stateless-co

简介

Taro是由京东·凹凸实验室(aotu.io)倾力打造的多端开发解决方案。现如今市面上端的

形态多种

多样，Web、ReactNative、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有

所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够

适配到多端的能力就显得极为需要。

使用Taro，我们可以只书写一套代码，再通过Taro的编译工具，将源代码分别编译出可以

在不同端（微信小程序、H5、RN等）运行的代码。

特性

React语法风格

Taro遵循React语法规范，它采用与React一致的组件化思想，组件生命周期与

React保持一致，同时支持使用JSX语法，让代码具有更丰富的表现力，使用

Taro进行开发可以获得和

React一致的开发体验。

代码示例

1.importTaro,{Component}f@rtarojs/taro

2.import{View,Button}f@rtarojs/components

3.

4.exportdefaultclassIndexexteCnomponent{

5.(){

6.(...arguments)

7.this.state={

8.:首,

页

9.:[1,2,3]

10.}

11.}

12.

13.