如何使用 jquery 在 onclick 中附加 jsx const

Posted 2023-02-22

【中文标题】如何使用 jquery 在 onclick 中附加 jsx const

【英文标题】：How to append jsx const in onclick with jquery

【发布时间】：2021-06-24 11:24:38

【问题描述】：

How can i append the var varLogin to the div ???

【问题讨论】：

请打开img看代码，有点急

Under what circumstances may I add "urgent" or other similar phrases to my question, in order to obtain faster answers?

请将问题中的图片替换为基于文本的minimal reproducible example。

另外，最好不要将 react 与 jQuery 混合使用，因为它们可能会相互冲突。

Why not upload images of code/errors when asking a question?

【参考方案1】：

您以错误的方式使用 React。你应该有这样的状态：

const [formVisible, setFormVisible] =  useState(false);

你的 varLogin 实际上应该是 VarLogin 所以一个 React 组件。

然后在你的 .divLogin div 里面你会有这样的东西：

<div className="divLogin">

formVisible && <VarLogin/>

</div>

那么你的登录功能应该只是

const login = () => setFormVisible(true);

【讨论】：

这是对一个坏问题的好答案。如果此答案没有投票，则该问题可能会被删除。