Question

这个反应本机内置函数使我感到困惑，因为它无法正常工作或在调试控制台中显示任何其他错误

  import { Button } from './Components/common;

  renderContent() {
   switch (this.state.loggedIn) {
   case true:
    return (
      <Button onPress={() => console.log('out')}>
        Log Out
      </Button>
    );
   case false:
    return <LoginForm />;
   default:
    return <Spinner size="large" />;
 }
}

通过稍微更改代码，我知道它被称为

   <Button onPress={console.log('out')}>

每次点击RR都会注销“（退出android模拟器）

但是为什么它不起作用？

Answer 1

您到底要从哪里导入<Button />？您要导入的<Button />似乎是一个自定义组件。 AFAIK，onPress适用于<Button />，如果您是从react-native导入的，例如，

import { Button } from 'react-native'

如果您的<Button />不是来自RN，那么尝试使用onClick怎么办？

<Button onClick={ ... }>

React Native onPress函数不起作用

1 个答案: