Блог

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

Это фрагмент кода, который будет решать, отображать ли значок какого типа (последователь или следующий).

 ConnectionHandle(Array, _id){
  return Array.map(function(el, index){
      console.log('chicken');
    if(el === User_id){
      return(
        <div className="btn btn-warning" onClick={() => this.props.disconnectUser({id: _id})}>- user</div>
      );
    } else {
      return (
        <div className="btn btn-info" onClick={() => this.props.connectUser({id: _id})}>  user</div>
      );
    }
  },this);
};
  

Приведенный выше код будет находиться в списке li ниже:

 return this.props.users.map(function(el, index){
    return (
      <li className="list-group-item" key={ index }>
        <Link to={`/users/${el._id}`} activeClassName="active">
         {el.email}
         <div className="pull-sm-right">Join on    {this.joinDate(el.createdAt)}</div>
         {this.entryNum(el.entries.length)}
         {this.userNum(el.followers.length)}
         <div>{el.follow.length} follows</div>
       </Link>
       {this.ConnectionHandle(el.followers, el._id)}
      </li>
    )
  }, this)
}
  

Серверная часть протестирована с помощью postman, она работает, как и ожидалось, при установлении отношений «многие ко многим». Их связь также будет обновляться с помощью метода жизненного цикла.

Мне просто нужна недостающая часть для преобразования значков из follow back в followed и наоборот.