javascript - 如何在反应中重新加载条件渲染?
问题描述
<div className="confessions-container">
<div className="search-confession">
<form className="search-form">
<div className="form-control">
<label htmlFor="categories">Category</label>
<select name="categories" ref={refCategory} onChange={() => setCategory(refCategory.current.value)}>
<option value="">Select Category</option>
{categories.map((category) => {
return (
<option value={category}>{category}</option>
)
})}
</select>
</div>
<div className="form-control search">
<input type="text" name="title" ref={refSearch}/>
<button className="btn-search">Search</button>
</div>
</form>
</div>
{category ? <ConfessionByCategory category={category} /> : <AllConfessions />}
</div>
如果我第一次更改类别(从选择中),条件渲染运行。但如果我更改为不同的类别,它不会重新呈现
解决方案
推荐阅读
- reactjs - React - 重新渲染后组件未更新
- angular - 如何使选项默认选中?
- asp.net-core - 如何删除剩余代码以在 ASP.NET Core 3.0 中实现 Blazor 代码隐藏?
- javascript - 将项目存储为 cookie,在普通浏览器上工作得很好,但在本机设备浏览器上会有影响
- java - Hystrix 线程池 maximumSize、coreSize 和 allowMaximumSizeToDivergeFromCoreSize 不起作用?
- java - 使用带有 XadesBes 时间戳的信封签名
- sql - 系统版本控制时间?
- sql - 突出显示两个表之间匹配行的差异
- excel - Excel VBA 到 PPT 在 Office 365 64 位中不起作用
- authentication - AD 可以为我的 Win 桌面应用程序提供我的 Web 服务凭据吗?