javascript - 在 React App 上插入复选框时未处理的拒绝(错误)
问题描述
我正在尝试显示文本,然后立即显示一个复选标记。但是,我收到错误“未处理的拒绝(错误):输入是一个无效元素标签,既不能拥有children
也不能使用dangerouslySetInnerHTML
。”
我知道它不应该有孩子,所以我也尝试将它移到</li>
结束标签之前。我也尝试过这样做的想法:<input / >
,因为我尝试在网上搜索答案。
更新: 将其更改为<input / >
我现在收到错误:解析错误:预期对应的 JSX 结束标记为 . 这是否意味着我必须添加一个结束标签并遇到与以前相同的问题?
我难住了!任何帮助,将不胜感激。谢谢!
return (
<div>
<div>
<table className = "className">
<tbody>
<tr>
<th>Only avaliable Now</th>
</tr>
{this.state.time_array.map(item => (
<tr>
<td>
<li><b> {item.id}</b>
<input type="checkbox"
id={item.Name}>
checked={item.gotIt}
</input>
<ul>
<li>Where to find: {item.find}</li>
</ul>
</li>
</td>
</tr>
))}
</tbody>
</table>
</div>
</div>
);
解决方案
<input type="checkbox"
id={item.Name}>
checked={item.gotIt}
</input>
Code upside 对输入标签的使用有一些错误;做如下改变;
<input type="checkbox"
id={item.Name}>
checked={item.gotIt}
/>
或者
<input type="checkbox"
id={item.Name}>
checked={item.gotIt}
>
</input>
推荐阅读
- flutter - Flutter 自定义包不加载字体和图片 | 扑
- cmake - CMake 无法获取 Python3_SITELIB
- tags - Universal-ctags 可以在输出中生成一个标志,描述标签的种类吗?
- nginx - Nginx 和 uWSGI (13: Permission denied) 同时连接到上游
- python - 在自定义 django search_form 管理模板中获取当前路径
- android - 使用协程崩溃应用程序引发异常而不是处理失败
- ios - .podspec 文件中的 Post_Install 挂钩将 BUILD_LIBRARY_FOR_DISTRIBUTION 更改为 YES?
- visual-studio-code - 当“查看:切换选项卡可见性”设置为 FALSE 时,VSCode 中键单击不再关闭选项卡但显示自动滚动箭头
- python - 为什么仅在使用分页时才呈现 Flask-SQLAlchemy 对象?(神社2)
- java - 使用预定义功能接口的方法参考