ReactJS Link标记 - 未捕获的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

如果您正在考虑React路由器Link.然后你需要导入它.

import { Link } from 'react-router';

要么

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

否则渲染一个纯粹<a>的伎俩!

Answer 2

另一个选择是

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