Question

我正在使用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);

我需要将其转换为类Component，请提供一些帮助：）

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

Answer 1

应该是这样的：

<system.webServer>
        ...
        <httpProtocol>
            <!-- TODO Remove for production -->
            <customHeaders>
                <!-- Disable Cache  -->
                <add name="Cache-Control" value="no-cache, no-store, must-revalidate"/>
                <add name="Pragma" value="no-cache"/>
                <add name="Expires" value="0"/>
            </customHeaders>
        </httpProtocol>
    </system.webServer>

在React类组件中插入道具

1 个答案: