////////
//①461px未満のデバイスで描画させたい場合

<MediaQuery maxDeviceWidth={461}>
  <div className='u-borderW'>461px以上のデバイスで消えます</div>
</MediaQuery>


//////////
//②呼び出す側のcomponent位置をデバイスによって変える場合

//Nav.js
import React, {Component} from 'react';
import MediaQuery from 'react-responsive';
export const MobileNav =  () =>  (<MediaQuery maxDeviceWidth={460}>スマホです</MediaQuery>);
export const DesktopNav = () => (<MediaQuery minDeviceWidth={461}>PCです</MediaQuery>);

/////hogehoge.js。呼び出す側で呼び出す位置をデバイスによって変える
<section>
<div>
<MobileNav /> //スマホの場合 section > dev内に描画させる
</div>
</section>
<DesktopNav /> //デスクトップの場合sectionの外側に描画させる
</div>ば
</div>