javascript - react 组件不显示

Question

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

Answer 1

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