Javascript 如何使用React Native basic钩子示例?
我最近开始用React Native开发应用程序。因此,我试图实现一个按钮,通过钩子在两个布尔状态和值之间切换。现在按钮只工作一次,但我无法切换回值。我正在尝试创建一个自定义按钮,因此从React切换不是一个选项。你有什么办法或建议给我吗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 =({}) => { //
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更新我的答案请检查谢谢!这非常有效。我会深入了解,你做了什么不同@努鲁丁