Question

我是新手，我在创建一个简单的反应应用程序时遇到了一些问题。子组件未呈现为主组件。我没有收到任何控制台错误，但是子组件UI没有显示在主组件中。我有一个子组件，如下所示

var React = require('react');
var ReactDOM = require('react-dom');

var navbar = require('./navBar');

ReactDOM.render(<navbar/>,document.getElementById('ContactForm'))

下面是主要成分

let get = function( key ){
  let obj = $('#'+key);
  let rtn = false;
  if( obj ) rtn = JSON.parse( $( obj ).text() );
  return rtn;
}

let content = get("content");

$.each(content,function(k,v){

  let txt = $("<span>"+v+"</span><br/>");
  $('#output').append( txt );
  
});

任何人请帮助

Answer 1

问题出在这一行：

var navbar = require('./navBar');

而不是使用它：

var Navbar = require('./navBar');

它会起作用。

原因：在JSX中，小写名称被视为HTML标记。因此，所有React components都必须以大写字母开头。

React子组件未在主组件中呈现

1 个答案: