Javascript 如何在React中传递组件函数中的多个参数

如何在React中的components函数中传递多个参数

 function Ads(product_title, description) {
    return(
      <div className = "row" id="user-ads">
     <div className = "col-sm-6 col-md-5">
      <div className = "thumbnail">
      <img src = "img/img1.jpg" alt = "Generic placeholder thumbnail" />
      </div>
      <div className = "caption">
      <div className="border">
         <h3>{product_title.title}</h3>
         <p>{description.desc}</p>  
            <button className = "btn btn-primary" role = "button" data-toggle="modal" data-target="#view-detail">View Details
            </button>  
              </div>
                </div>
                  </div>
                    </div>
      );

功能广告（产品名称、说明）{
返回(
{product_title.title}
{description.desc}

查看详细信息
);

}

ReactDOM.render（，document.getElementById（'ads'）；

---

上面的代码只取第一个参数的值，在您提供的示例中，

product\u title.desc

应该具有您要查找的值。调用

时，

title

和

desc

都将作为对象的属性传递给组件函数，因此这两个参数都可以在函数中使用您指定的第一个参数的名称，在您提供的示例中是

product\u title

，

product\u title.desc

应该具有您要查找的值。调用

时，

title

和

desc

都将作为对象的属性传递给组件函数，因此这两个参数都可以在函数中使用指定的第一个参数的名称，在您的例子中，哪个是

product\u title

无状态的React组件只接收一个参数，一个包含所有道具的对象：

function Ads(props) {
  // access props.title
  //        props.desc

  // ...
}

function Ads({title, desc}) {
  // ...
}

如果您：

---

无状态React组件只接收一个参数，该参数是一个包含所有道具的对象：

function Ads(props) {
  // access props.title
  //        props.desc

  // ...
}

function Ads({title, desc}) {
  // ...
}

如果您：

---

类型错误：产品标题未定义您必须在任何地方使用

道具。标题

，而不是

产品标题

。我想这是很清楚的。类型错误：产品标题未定义你必须在任何地方使用

道具。标题

，而不是

产品标题

。我想这会很清楚的。