Как «Получить элементы, которые находятся в базе, но когда я получаю их с помощью axios, они показывают только тег li»

Question

Я использую реагирую как технологию переднего плана, а .net mvc5 как технологию переднего плана. То, что я пытаюсь сделать, это получить все книги, которые у меня есть в моей базе данных SQL, с помощью axios, но все, что я получаю, это теги <li> (точное количество книг, которые у меня есть в базе SQL)

class Book extends Component{
constructor(props){
    super(props);
    this.state = {
        book: []
    }
}
componentWillMount(){
    this.getAllBooks();
}

getAllBooks(){
    axios.get('http://localhost:2839/book/GetAllBooks')
        .then(response => {
            this.setState({book: response.data}, () => {
                //console.log(this.state);
            })
        })
       // .catch(err => console.log(err));
}

render(){
    const bookItems = this.state.book.map((book, i) => {
        return(
            <li key={i}> {book.name} </li>
          //  <BookItem key={book.id} item={book} />
        )
    });

return (
    <div className="Book">
    <br/>
        <Search/>
        <ul>
            {bookItems}
        </ul>
    </div>
);
}
}
export default Book;

В консоли нет ошибок, я просто получаю точки из тега li