Javascript 反应组件不显示

正在显示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'));

import React，{Component}来自'React'；
从“react dom”导入react dom；
从“/themoviedb javascript库/themoviedb”导入movieDB；
常数movieList=（）=>{
返回(

酒吧

);
}
类应用程序扩展组件{
建造师（道具）{
超级（道具）；
this.state={movies:[]}；
movieDB.search.getMovie（{“查询”：“搏击俱乐部”}，（电影）=>{
//console.log（这个）
this.setState（{movies:movies}）；
}，（错误）=>{
控制台日志（err）；
})
}
render（）{
返回(
福
)
}
}
ReactDOM.render（，document.querySelector（'.container'）；

反应组件必须大写<代码>电影列表应该可以工作。React将小写标记视为html标记，不尝试处理它们。

React组件必须大写<代码>电影列表应该可以工作。React将小写标记视为html标记，不尝试处理它们。

试着这样做：

{movieList}

@JosanIracheta我用同样的想法尝试了，但也不起作用。如果你想传递道具，那么

{movieList（）}

@David如何，您对

movieList

的声明看起来像

const movieList=props=>{….}

@David，但不一定如此。看起来像

const x=props=>{…}

的组件被称为无状态组件，也可以以

的形式使用，可以这样尝试：

{movieList}

@JosanIracheta我用同样的想法尝试过，但也不起作用，您对

movieList

的声明看起来像

const movieList=props=>{….}

@David，但不一定如此。看起来像

const x=props=>{…}

的组件被称为无状态组件，也可以以

的形式使用。非常感谢。这就成功了。非常感谢。