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标记，并且不会尝试处理它们。

React组件未显示

1 个答案: