javascript - React native _this2.context.function1 不是函数

Question

在这里反应本地新手。我正在编写一个程序，其中指定了两个函数：

• addName : 为状态分配一个名称
• alertPopup : 显示插入的名称

这些函数位于App.js中。在page1.js 中，我应该使用输入文本插入名称的值。Tho，当我按下按钮时，它会报告写在这篇文章标题中的错误。 我错在哪里？

应用程序.js

...
const Stack = createStackNavigator();

class App extends React.Component {
  constructor(props) {
    super(props)
    this.state = {

      name:"",
    }
  }

  addName = (text) => {
        this.setState({ name: text })
     }

  alertPopup = (name) => {
    alert('The name inserted is: ' + name)
        }
...

page1.js

  <TextInput
     ...
     onChangeText = {this.context.addName}
   />
     ...
   <TouchableOpacity
      onPress={() => this.context.alertPopup(this.context.name)} style={styles.loginBtn}>
         <Text style={styles.loginText}> See The name </Text>
         </TouchableOpacity>
...

标签： javascriptandroidreact-native