在 React 类组件中插入 Props答案

【问题标题】：Insert Props in a React class component在 React 类组件中插入 Props
【发布时间】：2018-12-01 06:48:24
【问题描述】：

我正在使用 ReactJS 和 npm 模块“react-media-query-hoc”，当我使用功能组件导出它们时一切都很好：withMedia()。现在我需要使用一个类组件，但我做得不对。这来自“react-media-query-hoc”文档：

import { withMedia } from 'react-media-query-hoc'; 
const MyComponent = ({ media, ...props}) => (
  if(media.tablet || media.mobile) {
    ..
    return (
      <div>
        Mobile and Tablet View
      </div>
    )
  }

  return (
    <div>
      Other View
    </div>
  )
);

export const BaseMyComponent = MyComponent;
export default withMedia(MyComponent);

我需要将它转换为一个类组件，请一些帮助会很棒:)

https://www.npmjs.com/package/react-media-query-hoc

【问题讨论】：

你尝试了什么？我在这里根本看不到你的代码

标签： javascript reactjs media-queries

【解决方案1】：

应该是这样的：

import { withMedia } from 'react-media-query-hoc'; 
import React from 'react';

class MyComponent extends React.Component {

    render(){
        if(this.props.media.tablet || this.props.media.mobile) {
            ...
            return (
                <div>
                    Mobile and Tablet View
                </div>
            )
        }

        return (
            <div>
               Other View
            </div>
        )           
    }
}

export const BaseMyComponent = MyComponent;
export default withMedia(MyComponent);

【讨论】：

是的，这很完美，我弄得一团糟，谢谢