Liff.getProfile()正在返回一个未定义的对象

Question

我是Liff应用程序开发的初学者，这就是我遇到的情况：当我执行Liff.getProfile((时，它返回未定义，这意味着我无法获得任何用户信息。我做错了什么或没有做错什么？

我在网上搜索过，但似乎很少有人使用React开发Liff应用程序。

下面是我的App.js

// import liff from '@line/liff';
// import init from '@line/liff/dist/lib/init';
import React, { Component, useEffect, useState } from 'react';
import ReactDOM from 'react-dom';
import './App.css';
const liff = window.liff
const myliffId = 'xxxxxxxxxxxxxx'
class App extends Component {
constructor(){
super()
console.log(5)
this.state= {
text : '0'
}
}
// https://f4c2d15b579f.ngrok.io
// start = async () => {
//   liff.ready.then(()=>{
//     console.log(liff.getOS())
//     return <div>hello</div>
//   })
//   await liff.init({liffId: myliffId})
// }

componentWillMount = () => {
liff
.init({
liffId: "xxxxxxxxxxxxxx", // Use own liffId
})
.then(() => {
if (!liff.isLoggedIn()) liff.login({ redirectUri: 'https://11d493b7e4c8.ngrok.io' });
})
.catch((err) => {
console.log(err.code, err.message);
}).then(()=>{
liff.getProfile()
}).catch((err) => {
console.log('wrong connection')
})
.then((profile)=>{
console.log(profile)
this.setState({
text: profile.userId,
})
})
};
print = () => {
console.log(55555)
}
// componentDidMount = () => {
//   return <div>hllllll</div>
// }
render(){
console.log(liff.getLanguage())
return (

<div >
hi
<button>ho</button>
<div class="buttonGroup">
<div class="buttonRow">
<button id="openWindowButton" onClick={this.print}>{this.state.text}</button>
<button id="closeWindowButton" onClick={this.print}>Close LIFF App</button>
</div>
</div>
</div>
);
}
}
export default App;

我真的需要一些帮助，每个人似乎都在角度上发展LIff。提前谢谢。

Answer 1

liff.init({ liffId: 'xxxxxxxx-xxxxxxx' })
.then(async () => {
if (liff.isLoggedIn()) {
console.log(liff.getProfile());
} else {
liff.login();
}
})
.catch((err) => {
console.log(err);
})