React Redux - Рендеринг одной карты (предмета) в массиве карт (предметов)

Question

const mapStateToProps = (state) => ({posts: state.profile.posts});


return (this.props.posts.map((album,i)=> 
            <div key={i.toString()}>
            <div onClick={this.onLikeClick.bind(this, album)}>{album.id}</div>
         </div>)


onLikeClick(album) {
      const likeDetail = {
        user:userid,
        post:album.id,
      }
      this.setState(
        prevState => ({    
          count: !prevState.count
      }))
      this.props.addLike(likeDetail);
    }

Как я могу обновить одну карту, модифицированную на нескольких картах, с использованиемact-redux. пожалуйста, помогите .. спасибо заранее.

1 - я получаю список массивов this.props.posts 2 - Когда я нажимаю, чтобы понравиться одно сообщение, как я могу перерисовать одну карту без перерисовки всей карты (массив)

Как я могу обновить одну карту, модифицированную на нескольких картах, с использованиемact-redux. пожалуйста, помогите .. спасибо заранее.

1 - я получаю список массивов this.props.posts 2 - Когда я нажимаю, чтобы понравиться одно сообщение, как я могу перерисовать одну карту без перерисовки всей карты (массив)

Answer 1

На основании предоставленного вами кода Вам нужно создать отдельный компонент страницы, как показано ниже

const album = {this.props};

return (
          <div>
           <div onClick={this.onLikeClick.bind(this, album)}>{album.id}</div>
          </div>
       )


onLikeClick(album) {
      const likeDetail = {
        user:userid,
        post:album.id,
      }
      this.setState(
        prevState => ({    
          count: !prevState.count
      }))
      this.props.addLike(likeDetail);
    }

И это можно назвать из родительского компонента

const mapStateToProps = (state) => ({posts: state.profile.posts});

return (this.props.posts.map((album,i)=> 
            <Post {...this.props} album={album} key={i}/>)

поэтому при изменении состояния дочернего компонента ваш родительский компонент не будет затронут и весь список не будет перерисован Надеюсь, поможет!