{key}

{val.count} 개

{key}

{val.count} 개

{key}

{val.count} 개

// render 부분
<Image src={chatRoom && chatRoom.createBy.image}
              roundedCircle style={{width:'30px',height:'30px'}}/>
               {" "} {chatRoom && chatRoom.createBy.name}

//renderUserPosts부분
const renderUserPosts = (userPosts)=>
    Object.entries(userPosts)
      .sort((a,b)=>b[1].count - a[1].count)
      .map(([key,val],i)=>(
        <div key={i}>
          <img
            style={{borderRadius:25}}
            width={48}
            height={48}
            className="mr-3"
            src={val.image}
            alt={val.name}
          />
          <div>
            <h6>{key}</h6>
            <p>
              {val.count} 개
            </p>
          </div>

        </div>
      ))

//userPostsCount
userPostsCount = (messages)=>{
    let userPosts = messages.reduce((acc,message)=>{
      if(message.user.name in acc){
        acc[message.user.name].count+=1;
      }else{
        acc[message.user.name] ={
          image:message.user.image,
          count:1
        }
      }
      return acc;
    },{})
    this.props.dispatch(setUserPosts(userPosts))
  }