文章/答案/技术大牛

发布

社区首页 >问答首页 >输入Reactjs需要相应的JSX结束标记

问输入Reactjs需要相应的JSX结束标记
EN

Stack Overflow用户

提问于 2015-06-16 02:45:37

回答 5查看 145K关注 0票数 83

在Reactjs中使用输入字段创建组件时发生错误Error: Parse Error: Line 47: Expected corresponding JSX closing tag for input at http://localhost/chat-react/src/script.js:47:20 </div>

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>
        );
    }
});

javascript

reactjs

reactjs-flux

react-jsx

回答 5

Stack Overflow用户

回答已采纳

发布于 2015-06-16 02:47:10

您需要在末尾使用/>来结束输入元素。

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

票数 156

Stack Overflow用户

发布于 2019-07-22 18:15:51

当我们没有关闭html标签时，就会发生这种情况。

确保所有的html标签都是封闭的。

在我的例子中，它是<br>标签。应该是<br />。

尝试临时删除一段代码，直到您发现缺少哪个html标记结束。

票数 12

Stack Overflow用户

发布于 2018-12-10 05:38:14

如果您弄错了组件的顺序，也会发生此错误。

示例:此错误：

 <ComponentA> 
    <ComponentB> 

    </ComponentA> 
 </ComponentB>

正确的方法：

  <ComponentA> 
    <ComponentB>

    </ComponentB>  
  </ComponentA>

票数 8

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30852751

复制

相似问题

问输入Reactjs需要相应的JSX结束标记
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问输入Reactjs需要相应的JSX结束标记EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问输入Reactjs需要相应的JSX结束标记
EN