我的代码不工作,我的代码出了什么问题? 我正在try 创建一个简单的问答应用程序,我分享了下面的代码示例,在下面的示例中,我如何才能在默认情况下隐藏答案,并在单击按钮时显示答案? 多谢你们的支持.

import React, { useEffect, useState } from "react";
import {View, Text, StyleSheet, Button} from 'react-native'
const Testing = () =>{

  const [showValue, setShowValue] = useState(false);

return (
  <View style={{
    backgroundColor: '#f1f1f1',justifyContent: 'center', alignItems: 'center',}}>

    <Text>1. What is Lorem Ipsum?</Text>
    <Text>
1. dummy 
2. text
3. Ipsum
4. Lorem

</Text>
{showValue? <Text style={{color: 'green', margin: 10,}}>Answer: Lorem</Text> : null}
<Button title="Show Answer" onClick={() => setShowValue(!showValue)} />

</View>

);}
export default Testing;

推荐答案

将onClick替换为onPress

在Reaction js中使用onClick

<Button title="Show Answer" onPress={() => setShowValue(!showValue)} />

Javascript相关问答推荐

通过实现regex逻辑自定义数据表搜索

foreach循环中的Typescript字符串索引

类型自定义lazy Promise. all

Msgraph用户邀请自定义邮箱模板

更改预请求脚本中重用的JSON主体变量- Postman

如何在使用rhandsontable生成表时扩展数字输入验证?

将嵌套数组的元素乘以其深度,输出一个和

在不扭曲纹理的情况下在顶点着色器中旋转UV

将相关数据组合到两个不同的数组中

如何修复错误&语法错误:不能在纯react 项目中JEST引发的模块&之外使用导入语句?

在GraphQL解析器中修改上下文值

是否设置以JavaScript为背景的画布元素?

如何在移动设备中使用JAVASSCRIPT移除点击时的焦点/悬停状态

如何将字符串拆分成单词并跟踪每个单词的索引(在原始字符串中)?

连续添加promise 时,如何在所有promise 都已结算时解除加载覆盖

设置复选框根据选中状态输入选中值

递增/递减按钮React.js/Redux

我们是否可以在reactjs中创建多个同名的路由

如何设置时间选取器的起始值,仅当它获得焦点时?

在使用JavaScript以HTML格式显示Google Drive中的图像时遇到问题