此.setState为本机

Question

我四天前开始学习英语。我试图将属性此传递到不同的场景，但是，我不断遇到此错误\u this.setState不是函数。我相信这不是重复，因为我已经通读了这两个堆栈答案，它们的解决方案似乎对我没有帮助。我有一点不同的设置，尽管我认为这可能是问题所在。

反应this.set状态不是一个函数

this.setState不是一个函数

我知道React在这一年里发生了很大的变化，因为（而且经常这样做）这些问题得到了回答，所以我想这可能就是它们不适合我的原因。

import React, { Component } from 'react';
import { StyleSheet, Text, View, TouchableOpacity, TextInput, Platform, } from 'react-native';
import { Actions } from 'react-native-router-flux';

const Social = () => {
state = {
  name: ''
} 
return (
  <View style={ styles.container }>
    <Text style={ styles.Name } onPress={() => Actions.homepage()}>
      Enter your Name:
    </Text>

    <TextInput style={ styles.TextInput} placeholder='PrimeTimeTran' onChangeText={(text) => {
      this.setState({
         name: text,
      })
    }}
      value={this.state.name}
    />
    <TouchableOpacity
      onPress={() => {
        alert(self.state.name)
      }}
    >
      <Text style={ styles.buttonText }>
        Next
      </Text>
    </TouchableOpacity>
  </View>
 );
}

export default Social;

我在这里学习这个教程（22:39），他似乎毫无问题地解决了我的问题。本教程制作于2016年11月1日，所以我相信他的语法不应该有问题。

我看到的唯一区别是，对于我的构造函数，我没有使用render（）和return（）组合，而是使用return（）本身；这可能是问题所在吗？

提前感谢！

Answer 1

您的社交组件是一个无状态功能组件（在此处使用（）创建）=

https://facebook.github.io/react/docs/react-component.html#setstate

因此，您可以声明您的组件如下：

class Social extends React.Component {
  //...implementation here
}

然后，您将可以访问setState以及其他组件生命周期方法。

（您添加的附加说明也是因为您使用的是无状态功能组件-这些组件有效地实现了渲染功能，因此您可以看到的只是该功能的返回部分。）