如何在react JS中显示onClick后的文本消息？
如何在react JS中显示onClick后的文本消息？
提问于 2020-12-08 17:59:30
我是ReactJS的新手。我已经创建了一个接受两个输入的表单，并且有一个调用onclick()函数的按钮。当onclick()函数完成时，我想在表单下面显示一条简单的消息，比如"Action complete“。我不想使用alert，而是在网页上显示消息。
做这件事最好的方法是什么？
回答 2
Stack Overflow用户
发布于 2020-12-08 18:02:22
您可以使用JS创建一个元素并将其附加到表单主体中，也可以拥有一个不可见的div/p/任何元素，以便在onclick函数中修改其文本，并使其css类/css样式显示出来。如果您需要特定的代码解决方案，可以将代码粘贴到以下位置:)
Stack Overflow用户
发布于 2020-12-08 18:07:54
您可能希望使用react查看状态钩子，可以在此处找到它们
听起来你可能想要类似下面这样的东西；
const Search = () => {
const [showResults, setShowResults] = React.useState(false)
const onClick = () => setShowResults(true)
return (
<div>
<input type="submit" value="Search" onClick={onClick} />
{ showResults ? <Results /> : null }
</div>
)
}
const Results = () => (
<div id="results">
Some Results
</div>
)页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65204319
复制相关文章
相似问题
腾讯云开发者
