setState inside componentDidMount

Question

我正在尝试等待componentDidMount中的数据，然后将我的状态isLoading更改为 false，但setState没有触发。我能够控制台.logbranch.init里面的数据，但我不知道为什么setState不起作用。

state = {
isLoading: true,
}
componentDidMount() {
console.log("componentDidMount");
let branchKeyTest = 'key_test_aBcDeF'
branch.init(branchKeyTest, function(err, data) {
console.log(JSON.stringify(data, null, 1))
this.setState({ isLoading: false })
if (data && data.data_parsed) {
switch (data.data_parsed.link_type) {
case 'new_release':
localStorage.setItem('redirect', JSON.stringify({
'link_type': 'new_release',
'release_id': data.data_parsed.release_id
}));
break;
default:
console.log("do nothing")
}
}
})
}

render() {
const { isLoading } = this.state;
if (!isLoading) {
return (
<div>Done Loading</div>
)
else {
return (
<div>Still Loading</div>
)
} 
}

Answer 1

branch.init(branchKeyTest, function(err, data) {

需要更改为branch.init(branchKeyTest, (err, data) => {，因为您无权访问匿名函数中类的this关键字。

你编写它的方式，你无法访问thisthis因为它指的是函数的上下文 - 而不是类。通过将其更改为胖箭头语法，您可以访问 React 类上下文的this。

您可以在此处阅读有关此内容的更多信息。