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

Question

你好，我想通过链接路由器将道具传递给另一个组件

我正在使用类组件

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>

但是，我收到一个错误，属性"to"在类型"｛children：Element；pathname：string；state：｛jobKeyword:string；jobLocation:string；｝；｝"中丢失但在类型"LinkProps"中需要

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

Answer 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' />