React Native Hook in Class 将函数转换为未定义的类变量

Question

我们正在尝试将 react native 函数转换为一个类，以便我们可以包含将与 Firebase 实时数据库一起使用的状态管理。 我们刚刚意识到你不能在课堂上使用 Hook，所以希望得到一些关于最适合情况的替代方案的指导。 该应用程序是一个简单的相机，可让您录制和发布视频。

这是函数中的原始代码（作品）片段。 const 类型被贴标并使用钩子 useEffect。 我们需要一个在类中起作用的替代方法。

export function App({ navigation }) {
  const [hasPermission, setHasPermission] = useState(null);
  const [cameraRef, setCameraRef] = useState(null)
  const [recording, setRecording] = useState(false)

  //type uses hooks declared HERE
  const [type, setType] = useState(Camera.Constants.Type.back); useEffect(() => {
    (async () => {
      const { status } = await Camera.requestPermissionsAsync();
      setHasPermission(status === 'granted');
    })();

以下是我们正在开展的工作：

export class App extends Component {

  state = {
    hasPermission: null,
    cameraRef: null,
    recording: false,
    type: Camera.Constants.Type.back //can not find variable type HERE
  };

  componentDidMount() {

    async () => {
      status = await Camera.requestPermissionsAsync();
      setHasPermission(status === 'granted');

    }, []; if (hasPermission === null) {
      return <View />;
    }
    if (hasPermission === false) {
      return <Text>No access to camera</Text>;
    }

  }

任何帮助您不胜感激，谢谢。

Answer 1

尝试这个

export class App extends Component {

 state = {
      hasPermission: null,
      cameraRef: null,
      recording: false,
      type: Camera.Constants.Type.back //can not find variable type HERE
 };

 async componentDidMount() {

      status = await Camera.requestPermissionsAsync();
      this.setState({
           hasPermission: 'granted'
      });

      if (this.state.hasPermission === null) {
           return <View />;
      }
      if (this.state.hasPermission === false) {
           return <Text>No access to camera</Text>;
      }

 }

}