首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何显示或切换文本时,我点击按钮在反应本机?

如何显示或切换文本时,我点击按钮在反应本机?
EN

Stack Overflow用户
提问于 2022-09-01 07:30:34
回答 1查看 502关注 0票数 2

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

代码语言:javascript
复制
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;
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-09-01 08:04:45

将onClick替换为onPress

用于反应js的onClick

代码语言:javascript
复制
<Button title="Show Answer" onPress={() => setShowValue(!showValue)} />
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73565639

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档