Как создать новый экземпляр реагировать компонент

Question

Я хочу, чтобы создать новый экземпляр этого компонента и хочу изменить название DESC и изображения для нового экземпляра, но я получаю сообщение об ошибке, как

Ошибка:

ReferenceError: product is not defined

function Ads(product) { 
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}</h3> 
      <p>{product.desc}</p> 
      <button className = "btn btn-primary" role = "button" data-toggle="modal" data-target="#view-detail">View Details 
      </button> 
     </div> 
     </div> 
    </div> 
    </div> 
     ); 
    } 
    var Newad = new Ads(product); 

Answer 1

Это не Реагировать компонент. Это один из способов записи компонента. Есть синтаксис ES6, но я не буду его публиковать, потому что это может вас смутить.

// Include React 
var React = require('react'); 

var Ads = React.createClass({ 

    render: function(){ 

     return(
      <div> 
       <h1>I'm a Ad!</h1> 
      </div> 
     ) 
    } 
}); 

module.exports = Ads;