Question

我第一次使用react-route。当我尝试这个时，它给了我这个警告，它不起作用＆＃34;警告：link是一个void元素标记，不得包含children或使用props.dangerouslySetInnerHTML。检查Loginpanel的render方法。＆＃34;

我的代码是这样的。

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

在反应中链接而不是链接。你能尝试一次吗？

import {Link} from 'react-router';

Answer 2

将link更改为Link

第一个字母是大写字母。

Answer 3

如果您使用的是react-router版本4，那么这是导入链接的正确方法

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

因为React Router项目现在已被分解为几个不同的库

Answer 4

在Harkirat Saluja的补充中回答：

渲染方法示例：

render() {

    return (

        <div>
          <Link to="Index">It Link, not link </Link>
       </div>
    )
}

Answer 5

//导入链接并在div内，{L}稍后应大写

从“ react-router-dom”导入{Link}；

render（）{

return (
   <div>
      <Link to="Index">It Link, not link </Link>
   </div>
);

}

路由器链接发出警告＆＃34; link是一个void元素标记，不能有`children`或者使用`props.dangerouslySetInnerHTML`。＆＃34;

5 个答案: