react封装微信小程序授权函数，返回授权结果

在React中封装微信小程序授权函数通常涉及以下几个步骤：

1. 创建一个函数来处理授权逻辑，这个函数可以调用微信小程序提供的API，比如`wx.getSetting`和`wx.authorize`。

2. 在函数中，首先调用`wx.getSetting`来获取用户的授权设置，此API会返回用户的权限状态。

3. 如果用户已经授权，则直接返回授权结果；如果用户未授权，则通过`wx.authorize`请求用户授权。

4. 在`wx.authorize`中，可以设定`scope`参数，指定需要请求的权限。

5. 设置授权成功或失败的回调函数，以处理授权结果，并将结果返回给调用者。

以下是一个简单的封装示例：

const useWeChatAuthorize = (scope = 'scope.userLocation') => {
  const [authorizeStatus, setAuthorizeStatus] = useState('unknown');

  const handleAuthorize = () => {
    wx.getSetting({
      success(res) {
        if (!res.authSetting(scope)) {
          // 请求用户授权
          wx.authorize({
            scope,
            success() {
              setAuthorizeStatus('authorized');
            },
            fail() {
              setAuthorizeStatus('denied');
            },
          });
        } else {
          // 已经授权
          setAuthorizeStatus('authorized');
        }
      },
    });
  };

  // 封装一个调用授权的函数
  const authorize = () => {
    handleAuthorize();
  };

  return {
    authorize,
    authorizeStatus,
  };
};

// 使用封装的函数
const Component = () => {
  const { authorize, authorizeStatus } = useWeChatAuthorize();

  return (
    <View>
      {authorizeStatus === 'unknown' && <Button onClick={authorize}>授权位置信息</Button>}
      {authorizeStatus === 'authorized' && <Text>已授权</Text>}
      {authorizeStatus === 'denied' && <Text>用户拒绝授权</Text>}
    </View>
  );
};

在这个示例中，`useWeChatAuthorize`是一个自定义的Hook，它封装了授权的逻辑，并返回了一个`authorize`函数用于请求授权，以及一个`authorizeStatus`状态用于表示授权结果。组件可以使用这个Hook来获取授权状态，并根据状态作出相应的处理。