javascript - 在 snack.expo.io 上 react native 使用 Hook

Question

我想尝试在 snack.expo.io 上使用钩子(Hook)，但它似乎不起作用。

有什么办法可以知道什么版本使用snack.expo？

Answer 1

如Expo Snacks网站右下角的@Dres，你可以更改expo版本，你可以选择最后一个，你就可以使用hooks。

查看示例:snack.expo.io/@abranhe/rn-hooks

import React, { useState } from 'react';
import { Text, View, Button, StyleSheet } from 'react-native';

export default () => {
  const [count, setCount] = useState(0);

  return (
    <View style={{ flex: 1, justifyContent: 'space-around', alignItems: 'center'}}}>
      <Text>You clicked {count} times</Text>
      <Button onPress={() => setCount(count + 1)} title="Click me" />
    </View>
  );
};