从外部的函数我将如何访问渲染函数内部的变量答案

【问题标题】：From a function outside how would I access a variable inside the render function从外部的函数我将如何访问渲染函数内部的变量
【发布时间】：2020-10-20 05:40:16
【问题描述】：

您好 Stack Overflow 社区，我试图弄清楚如何从渲染外部的函数访问渲染内部声明的变量，我不完全理解如何去做，因为我对 React-Native 很陌生，我相信解决这个问题会让我很好地理解范围在这种语言中是如何工作的。对于我的项目，我通过 this.props 访问用户数据，但是当我尝试将此数据传递给外部函数时，它似乎失败了，因为我假设与范围有关。我将代码简化为重要的部分，当我尝试访问在渲染中声明的变量指示符时，分页是 render() 之外的函数，它找不到变量。我正在从 this.props 获取用户数据。提前谢谢！

get pagination () {

length = indicator
}

        render () {
                const { wrap,image, images, auto, button, indicator} = this.props
return(
<View>
{ this.pagination }
</View> 
)}

【问题讨论】：

您正在尝试将数据从一个组件传递/访问到另一个组件？能否请您过去分享相关组件的sn-ps

标签： reactjs react-native render

【解决方案1】：

请记住，变量只能在其范围内访问（大括号）。因为您在渲染范围内声明了indicator，所以它只能在那里访问。如果您希望pagination 能够访问它，您需要将它作为函数参数传递。

例如：

pagination(indicator) {
 // Do something with indicator
 return "Page " + indicator
}

render() {

  const { indictator } = this.props;
  return (<View>
    { this.pagination(indicator) }
  </View>); 

}

【讨论】：