dictionary - 如何解决 Uncaught TypeError:this.state.books.map is not a function 错误

Question

如何解决 Uncaught TypeError:this.state.books.map is not a function

const List =(props) =>(
<tr>
    <td>{props.list.Book_Name}</td>
    <td>{props.list.Book_ISBN}</td>
    <td>{props.list.Book_Author}</td>
    <td>{props.list.Book_Price}</td>
    <td>{props.list.Book_PublishYear}</td>
    <td>{props.list.Book_Publisher}</td>
</tr>
);
export default class ViewBooks extends Component {
constructor(props){
    super(props);
    this.state={books:[]};
}
componentDidMount() {
    axios.get('http://localhost:3000/book/all').then((res)=>{
        this.setState({books:res.data});
    }).catch(function (error) {
        console.log(error);
    })
}
bookList()
{
    return this.state.books.map((book,i)=>{
        return <List book = {book} key={i}/>

    })

}

我无法从 db.its 中检索值给出一个错误，因为 Uncaught TypeError:this.state.books.map is not a function

标签： dictionary