extraData isn't working

Issue Description

RenderMessage function isn’t running when data in extraData changes.

Steps to Reproduce / Code Snippets

       <GiftedChat
          messages={this.props.messages}
          renderAvatar={null}
          onSend={this.onSend}
          user={{
            _id: this.props.user._id, 
          }}
          extraData={this.state.selectedMessages}
          renderSend={this.renderSend}
          renderActions={this.renderCustomActions}
          keyboardShouldPersistTaps="never"
          renderMessage={this.renderMessage}
          renderChatFooter={this.renderChatFooter}
          renderInputToolbar={this.renderInputToolbar}
          renderComposer={this.renderComposer}
        />

Expected Results

I want renderMessage function to run when selectedMessages in state updates.

Additional Information

• Nodejs version: 10.0.0
• React version: 16.6.3
• React Native version: 0.58.5
• react-native-gifted-chat version: 0.7.2
• Platform(s) (iOS, Android, or both?): Android

[antoinefotso]

My list only re render went I press the first or last message, other messages have no effect. Pls help

[rarira]

shouldUpdateMessage prop is the way to go… it is just like react shouldComponentUpdate lifecycle method

shouldUpdateMessage = {(props, nextProps) => {
     return props.extraData.someData !== nextProps.extraData.someData
}}