最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

按钮点击时传递道具a

运维笔记admin15浏览0评论

按钮点击时传递道具a

按钮点击时传递道具a

 <Slider {...settings}>
        {this.state.featuredMovies.map(movie =>
        <div  className="" key={movie._id}>

           <Card inverse style={{padding: "10px", width: "90%"}}>
        <CardImg  src={`/files/${movie.thumbnail}`} alt="Card image cap" />
        <CardImgOverlay className="movie-list-overlay">
          <CardTitle>{movie.MovieName}</CardTitle>
          <CardText>{movie.Description}</CardText>
          <CardText>
            <small>
            <a href="watch">
                    <Button className="btn-fill btn-movie " color="primary" onClick={movie}>
                      Watch  
                    </Button></a></small>
          </CardText>
        </CardImgOverlay>
      </Card>
        </div>
        )}
      </Slider>
<script src=".6.3/umd/react.production.min.js"></script>
<script src=".6.3/umd/react-dom.production.min.js"></script>
回答如下:

你的onClick需要成为一个功能

<Button onClick={() => this.doSomething(movie)} />

然后,您可以访问该功能中的电影值

const doSomething = (movie) => {
  //Do some stuff with the movie
} 

与本文相关的文章

发布评论

评论列表(0)

  1. 暂无评论