react类组件接收Provider参数(组件嵌套多层)

export const ChatContext = createContext<{
  isSelectMore: boolean;
}>({
  isSelectMore: false
});
<ChatContext.Provider
        value={{
          isSelectMore: this.state.isSelectMore
        }}
      >
      <MessageListIndex ref={this.msgListRef} intl={this.props.intl} />
</ChatContext.Provider>

import { ChatContext } from '../chat';

<ChatContext.Consumer>
   {
     chatData => 
     <OssImage onClick={this.onModalOpen.bind(this, chatData.isSelectMore)}/>
    }
</ChatContext.Consumer>

你可能感兴趣的:(react.js,javascript,前端)