大佬教程收集整理的这篇文章主要介绍了如何在 ReactJs 中使用表格添加基于月份和年份的过滤器?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个表,其中的数据是从 JsON 插入的。使用 React.Component 创建表如下:
function myComponent() {
let handleMonthChange = (e) => {
alert('working fine month...');
}
let handleyearChange = (e) => {
alert('working fine year...');
}
return (
<>
<tbody>
{DATA.map(x => (
<tr>
<td>{x.date}</td>
<td>{x.name}</td>
<td>{x.language}</td>
<td><a href={x.link} target="_blank" class="btn">Click to Listen</a></td>
</tr>
))}
</tbody>
)}
<select name="ddlWebinarMonth" onChange={handleMonthChange} classname="form-control">
<option value="0">Month</option>
<option value="1">January</option>
<option value="2">February</option>
<option value="3">march</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
<select name="ddlWebinarYear" onChange={handleyearChange} classname="form-control">
<option value="0">Year</option>
<option value="2021">2021</option>
<option value="2020">2020</option>
</select>
数据显示正确,但我必须在表格中添加基于 Month
和 Year
的过滤器。我该怎么做?
感谢您的努力!
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)
以上是大佬教程为你收集整理的如何在 ReactJs 中使用表格添加基于月份和年份的过滤器?全部内容,希望文章能够帮你解决如何在 ReactJs 中使用表格添加基于月份和年份的过滤器?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。