返回对象，对象

Question

我有以下反应代码：

const ResultItem = ({ category, name }) =>

  <div className="projects animated fadeInUp">
       <a href ={"/projects " + {name}}> 
       <h1 style ={project_box_h1}> {name} </h1></a>
    <div className={`category--${category}`} />
  </div>;

在h1中，变量{name}工作正常，并返回"Name"。

但是，在a href变量{name}中返回如下内容：

http://localhost:1234/projects%20[object%20Object]

我怎么才能修好它？

Answer 1

<a href ={"/projects " + name}>

或

<a href ={`/projects ${name}`}>