Reactjs React：使变量在函数外部重用 异步加载数据（）{ 常量搜索URL=`http://jpninfo.com/`; const response=等待获取（searchUrl）；//获取页面 const htmlString=wait response.text（）；//获取响应文本 const$=cheerio.load（htmlString）；//解析HTML字符串 const list=$（'body>div.off-canvas-content>div>main>div:nth child（1）>div>article:nth child（1）>h3>a'） } render（）{ 返回( {list.text（）} this.props.navigation.navigate（'Details'）} /> ); }

我想用

列表

值填充文本字段，但我无权访问它。我怎样才能访问它而不使它成为一个状态

在我看来，它已经是一个类组件了。在loadData函数中创建常量时，其作用域仅限于该函数。您可以将其更改为使用类属性

而不是

async loadData() {
    const searchUrl = `http://jpninfo.com/`;
    const response = await fetch(searchUrl);      // fetch page 

    const htmlString = await response.text();     // get response text
    const $ = cheerio.load(htmlString);           // parse HTML string
    const list = $('body > div.off-canvas-content > div > main > div:nth-child(1) > div > article:nth-child(1) > h3 > a')
  }

  render() {
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <Text>{list.text()}</Text>
        <Button
          title="Go to Details"
          onPress={() => this.props.navigation.navigate('Details')}
        />
      </View>
    );
  }

下面使用

const list = 'value';

然后在渲染函数中

this.list = 'value';

{this.list}

但是请注意，如果您更新类组件的list属性，该组件将不会重新加载，因为它既不是state也不是props。如果您不想在此组件中具有状态。您可以将其提升到父组件，并作为道具传递到此组件

---

我想知道，你为什么不把它当作州政府？看起来您需要它。

我可以问一下您为什么不想使用state吗？

<div>{this.list}</div>