在React中，可以动态添加和删除元素吗？
在React中，可以动态添加和删除元素吗？
提问于 2020-07-12 06:46:44
我正在React中重建一个项目(一个拖放网站构建器)，这个项目过去是用很多jQuery构建的。
我需要能够在一个父div中添加和删除元素，但我所能找到的方法都是人们所说的react中的“反模式”。当然，有一种方法可以让函数将一些预定义的html插入到div中，并具有将其从DOM中删除的功能。
也许我的想法不正确，这需要一种完全不同的方法。有人知道怎么做吗？
使用react-jquery包可以让我安全地在DOM中添加和删除元素吗？或者这是不是有点不靠谱？
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-07-12 07:12:51
是的，你完全可以在react中添加和删除元素。您正在寻找conditional rendering。
在JSX中使用&&操作符
return (
{showElement && <div>Hello</div>}
)在JSX中使用ternary操作符
return (
{showA ? <div>This is A</div> : <div>This is not A</div>}
)或者，您可以在Function Component主体中的返回之外执行逻辑，例如：
const isLoggedIn = this.state.isLoggedIn;
let button;
if (isLoggedIn) {
button = <LogoutButton onClick={this.handleLogoutClick} />;
} else {
button = <LoginButton onClick={this.handleLoginClick} />;
}
return (
<div>
<Greeting isLoggedIn={isLoggedIn} />
{button}
</div>
);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62855368
复制相关文章
相似问题
腾讯云开发者
