ReactJS 링크 태그 - Uncaught ReferenceError : 링크가 정의되지 않았습니다.

Question

<a> 태그를 올바르게 추가하려면 어떻게합니까? 나는 <Link></Link>

Uncaught ReferenceError: Link is not defined 

코드를 추가하는이 오류를 얻을 :

render() { 
     return (
      <div> 
       <Link className="button-close-overlay"><span className="glyphicon glyphicon-remove"></span></Link> 
       <article> 
        <div className="container"> 
         <div className="content align-center" dangerouslySetInnerHTML={{__html: this.state.article.content}}></div> 
        </div> 
       </article> 
      </div> 
     ); 
    } 

전체 코드 :

class Article extends React.Component 
{ 
    constructor(props) { 
     super(props); 
     this.state = { 
      article: [], 
     }; 
    } 

    // Then fetch the data using $.get(): 
    componentDidMount() { 
     this.serverRequest = $.get(this.props.source, function (result) { 
      this.setState({ 
       article: result 
      }); 
     }.bind(this)); 
    } 

    componentWillUnmount() { 
     this.serverRequest.abort(); 
    } 

    render() { 
     return (
      <div> 
       <link className="button-close-overlay"><span className="glyphicon glyphicon-remove"></span></link> 
       <article> 
        <div className="container"> 
         <div className="content align-center" dangerouslySetInnerHTML={{__html: this.state.article.content}}></div> 
        </div> 
       </article> 
      </div> 
     ); 
    } 
} 

export { Article as default } 

어떤 아이디어?

Answer 1

당신이 반작용 라우터를 생각하고 있다면 Link. 그런 다음 가져 오기를해야합니다. 그렇지 않으면 순수 <a> 렌더링

import { Link } from 'react-router'; 

또는

var Link = require('react-router').Link 

트릭을 수행합니다!

Answer 2

또 다른 옵션은

import {Link} from 'react-router-dom';