소재로 링크 렌더링 ui 서랍

Question

내 반응 라우터 링크를 Drawer에 추가하고 싶습니다. 나는 이것을 시도했다 :

<Drawer width={200} open={this.state.drawerOpen} docked={false} onRequestChange={this.toggleDrawer}> 
    <Link to="/businesspartners"> 
     <MenuItem onTouchTap={this.toggleDrawer.bind(this, false)} 
       rightIcon={<CommunicationBusiness />} 
     > 
     Business Partners 
     </MenuItem> 
    </Link> 
</Drawer> 

내 문제는 링크가 아래 그림과 같이 밑줄이 그어진다는 것이다. 링크에 대한

Answer 1

사용 인라인 스타일 textDecoration: 'none'. <Link>이 표준 <a> 태그로 렌더링되므로 Google에서 textDecoration 규칙을 적용 할 수 있습니다.

<Drawer width={200} open={this.state.drawerOpen} docked={false} onRequestChange={this.toggleDrawer}> 
    <Link to="/businesspartners" style={{ textDecoration: 'none' }}> 
     <MenuItem onTouchTap={this.toggleDrawer.bind(this, false)} 
       rightIcon={<CommunicationBusiness />} 
     > 
     Business Partners 
     </MenuItem> 
    </Link> 
</Drawer>