反应组件不显示[重复]答案

【问题标题】：React Component not displaying [duplicate]反应组件不显示[重复]
【发布时间】：2018-06-09 11:36:48
【问题描述】：

正在显示Foo，但不是Bar。我正在学习一个教程，但使用了不同的 api，但一切都是一样的，所以我不知道为什么这不起作用。

import React, {Component} from 'react';
import ReactDOM from 'react-dom';

import movieDB from './themoviedb-javascript-library/themoviedb';

const movieList = () => {
return (
  <p>
  Bar
  </p>
);
}

class App extends Component {
constructor(props) {
super(props);
this.state = { movies: [] };

movieDB.search.getMovie({ "query":"Fight Club" }, (movies) => {
  // console.log(this)
  this.setState({movies: movies});
}, (err) => {
  console.log(err);
})
}

render() {
return (
  <div>
    Foo
    <movieList />
  </div>
)
}

}


ReactDOM.render(<App />, document.querySelector('.container'));

【问题讨论】：

试试这样：{movieList}
@JosanIracheta 我用同样的想法尝试过，但也没有用。
{movieList()}怎么样
@David 如果你想传递道具，你对movieList 的声明看起来像const movieList = props => {....}
@David 不一定。看起来像const x = props => {...} 的组件称为无状态组件，也可以以<x /> 的形式使用

标签： javascript reactjs

【解决方案1】：

React 组件必须大写。 MovieList 应该可以工作。 React 将小写标签视为 html 标签，不会尝试处理它们。

【讨论】：

做到了。谢谢！