如何将道具传递给链接路由器？

【问题标题】：How to pass in props to Link Router?如何将道具传递给链接路由器？
【发布时间】：2021-04-12 14:21:51
【问题描述】：

您好，我想通过 Link Router 将 props 传递给另一个组件

我正在使用类组件

  constructor(props: IBanner) {
    super(props);
    this.state = {

      jobCategories: [],
      jobKeyword: "",
      jobLocation: "",
   };


  }

这是我的链路路由器

 <Link {{
                pathname: '/search-results',
                state: {
                  jobKeyword: this.state.jobKeyword, jobLocation: this.state.jobLocation
                  }
                  }}>
                <li className="ktp-banner-submit">
                  {" "}
                  <input type="submit" value="" />{" "}
                  <i className="ktp-icon ktp-search"></i>{" "}
                </li>
                </Link>

但是我收到一个错误，即“{ children: Element; 类型中缺少属性 'to'。路径名：字符串；状态：{作业关键字：字符串；工作地点：字符串； }; }' 但在“LinkProps”类型中是必需的

这是什么错误，我能做些什么来减轻这个/

【问题讨论】：

标签： reactjs typescript react-router

【解决方案1】：

您忘记了to 属性。试试这个：

<Link
  to={{
    pathname: '/search-results',
    state: {
      jobKeyword: this.state.jobKeyword, jobLocation: this.state.jobLocation
    }
  }}
/>

你不能在 React 中做这样的事情：

<Component {obj} />

您需要将该对象分配给一个属性：

<Component p={obj} />

或者你可以破坏对象（属性）：

<Component ...{{name:'foo', lastName: 'bar'}} />

翻译为：

<Component name='foo' lastName='bar' />

【讨论】：