Javascript 如何使用React Native basic钩子示例?

Javascript 如何使用React Native basic钩子示例?,javascript,react-native,react-hooks,Javascript,React Native,React Hooks,我最近开始用React Native开发应用程序。因此,我试图实现一个按钮,通过钩子在两个布尔状态和值之间切换。现在按钮只工作一次,但我无法切换回值。我正在尝试创建一个自定义按钮,因此从React切换不是一个选项。你有什么办法或建议给我吗 import React, { useState } from 'react'; import { Button, View,Text } from 'react-native'; export const Notes =({}) => { //

我最近开始用React Native开发应用程序。因此,我试图实现一个按钮,通过钩子在两个布尔状态和值之间切换。现在按钮只工作一次,但我无法切换回值。我正在尝试创建一个自定义按钮,因此从React切换不是一个选项。你有什么办法或建议给我吗

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

export const Notes =({}) => { 
 //   
    const [score, setScore] = useState(1);

    const handlepress = () => {
        score ? setScore(1): setScore(2);
    }
    return (    
        <View>  
        <Text>{score}</Text>
            <Button title= "Take Number" onPress= {handlepress}>
            </Button>    
            <Text> Test{score}</Text>
        </View>    
);}
import React,{useState}来自“React”;
从“react native”导入{按钮、视图、文本};
导出常量注释=({})=>{
//   
const[score,setScore]=使用状态(1);
常数手柄压力=()=>{
分数?设置分数(1):设置分数(2);
}
报税表(
{score}
测试{分数}
);}

您希望使用
0
1
作为
score
变量
1和
2都是真实值,状态永远不会改变。

试试这种方法

export const Notes =({}) => { 

    const [score, setScore] = useState(1); // add score here 

    const handlepress = () => {
        score === 2 ? setScore(1): setScore(2);
    }
    return (    
        <View>  
        <Text>{`${score}`}</Text>
            ...    
            <Text>{`Test${score}`}</Text>
        </View>    
);}
export const Notes=({})=>{
const[score,setScore]=useState(1);//在此处添加分数
常数手柄压力=()=>{
分数===2?设置分数(1):设置分数(2);
}
报税表(
{${score}}
...    
{`Test${score}`}
);}

分数?固定芯(1):固定芯(2)score
为任何真实值,则code>将调用
setScore(1)
1
2
都是真实的,因此代码将始终调用
setScore(1)
。如果要在
1
2
之间来回切换,则需要更改正在测试的条件。(另外,我建议使用
if
语句,而不是独立的条件表达式。)感谢快速回复。T.J.将来一定会研究并使用if语句:)感谢快速回复。我得到的错误是ReferenceError:score没有定义。有语法错误吗?@Chris更新我的答案请检查谢谢!这非常有效。我会深入了解,你做了什么不同@努鲁丁