亲爱的同事们，

我有一个基于所滚动课程中正在进行的项目的问题。

我所有的代码都是实用构建的，唯一难于实现的是我必须显示的按钮，单击此按钮将带我进入搜索页面。我已经实现了该链接，该链接在主页上显示为超链接，但可以代替按钮的超链接。

• 我的主页正在显示这样的超链接（请注意页面底部右侧的超链接）：

Main Page With Hyperlink

• 但是，根据项目要求，主页将显示如下所示的按钮（具有功能性，可将我带到搜索页面，就像超链接一样）：

Main Page With Button Displayed

下面我向您展示我为组件完成的部分代码：

1. App.js代码的一部分：
   • 代码的开头：

import React from 'react';

import { Route } from 'react-router-dom';

import Home from './Home';

import Search from './Search';

import * as BooksAPI from './BooksAPI';

import './App.css';

  class BooksApp extends React.Component {

    state = {

      books: []

    }

• 路线部分：

render() { 

      return (

        <div classname="app">

          <Route exact path="/" render={() => (

            <Home 

            books={this.state.books}

            changeShelf={this.changeShelf}

            />

          )} />

          <Route path="/search" render={() => (

            <Search 

              changeShelf={this.changeShelf}

              books={this.state.books}

            />

          )} />

1. 主页代码（Home.js）的一部分：
   • 代码的开头：

import React,{Component} from 'react';

import { Link } from 'react-router-dom';

import Book from './Book';

  class Home extends Component {

• 显示链接而不是按钮的部分：

<div classname="open-search">

  <Link to="/search">

   Add a book

  </Link>

</div>

所以，我需要在这里澄清一下，这段代码在做什么错？

请，如果您需要其他代码部分，请告诉我我放在这里，但是我认为这些部分足以为您提供帮助。

致谢。