在带有输入字段的Reactjs中创建组件时发生错误

var Main = React.createClass({
    render: function() {
        return (
            <div className="card-action">
                <i class="mdi-action-account-circle prefix"></i>
                <input id="icon_prefix" type="text" class="validate">
            </div>
        );
    }
});

推荐答案

你需要在输入元素的末尾加上/>.

<input id="icon_prefix" type="text" class="validate" />

Reactjs相关问答推荐

为什么VScode中的React应用程序无法识别文件夹 struct ?

在Reaction中测试条件组件

替换谷歌 map api默认信息窗口与自定义

错误./src/TopScroll.js 31:21-31导出';(作为';随路由导入)在';Reaction-Router-Dom';中找不到

Antd V5组件自定义主题

在 Next13 中将 props 传递给 onClick 从服务器到客户端组件

Symfony ux-react:使用react_component()时React组件不会渲染

提前输入错误:选项类型上不存在属性名称

无法从子组件传递数据到父组件

卸载 React 组件时未清除本地存储项目

如何在屏幕上使用相同的可重用

使用 nextjs App Router 在动态客户端进行服务器端渲染

无法在 KeyDown 上调用 useCallback 函数

next js 13 在获取中使用标头时动态渲染而不是静态渲染?

Github 页面无法正确呈现 CSS,因为它是本地的

React CSSTransition 两次创建新页面并在这两个相同的页面上运行转换

刷新页面时状态改变问题

渲染的钩子比预期的少.这可能是由 React Hooks 中意外的提前返回语句引起的

react-query、react-hook-form 和表单验证

网格项不缩小以适应包含的可滚动列表