reactjs - 路由器链接发出警告 "link is a void element tag and must not have ` child 或使用 `props.dangerouslySetInnerHTML` 。”

Question

我第一次使用react-route。当我尝试这个时，它给了我这个警告并且它不起作用“警告:link 是一个 void 元素标签，不能有 children 或使用 props.dangerouslySetInnerHTML。请检查 Loginpanel 的 render 方法。”

我的代码是这样的。

render() {

    return (

        <div >

            <input type="email" />
            <input type="password"/><br/>

         <link to="Index">   BLOCK
         </link>

        </div>

       )
    }
  }

我的主要 main.js 是这样的

    render(
  <Router history={hashHistory}>

      <Route path="/" component={Loginpanel} >
    <Route path="Index" component={App}/>
      <Route path="Form" component={Form} />
          </Route>


    </Router>,
   document.getElementById('js-main'));

提前致谢。

Answer 1

在react-router-dom中，它是Link，而不是链接。你能尝试一次吗？

import { Link } from "react-router-dom"

和

<Link to="Index">BLOCK</Link>