taro开发项目小程序端授权用户信息

第一步：了解小程序授权接口调整

        小程序开发官方接口调整说明：在用户未授权过的情况下调用此接口，将不再出现授权弹窗，会直接进入 fail 回调，在用户已授权的情况下调用此接口，可成功获取用户信息。

（详见：https://developers.weixin.qq.com/community/develop/doc/0000a26e1aca6012e896a517556c01)。

第二步：了解taro定义组件事件传入时的规定

        taro开发官方说明：任何组件的事件传递都要以 on 开头。在微信小程序中，可能你会看到像 bindTap 这样的用法，但在 Taro 中，事件参数(props)都以 on 开头。

（详见：https://nervjs.github.io/taro/docs/event.html）

第三步：个人代码案例

import Taro, { Component } from '@tarojs/taro'

import { View, Button } from '@tarojs/components'

import './user-login.scss'

let isWapp = process.env.TARO_ENV;

class UserLogin extends Component {

  config = {

    navigationBarTitleText: '登录'

  }

  tobegin = (res) => {

    // 保存用户信息微信登录

    Taro.setStorage({

      key: "userinfo",

      data: res.detail.userInfo

    });

  }

  render() {

    return (

      <View className='user-login'>

        {isWapp === 'weapp' && <Button

          className='login-buttoNor'

          type="primary"

          open-type="getUserInfo"

          onGetUserInfo={this.tobegin}

        >微信获取用户信息</Button>}

      </View>

    )

  }

}

export default UserLogin;