Reactjs 类型';{domain:string;parent:string;}';不可分配给类型';字符串';。ts(2322)
我是TS新手,所以谢谢阅读。 问题行是:Reactjs 类型';{domain:string;parent:string;}';不可分配给类型';字符串';。ts(2322),reactjs,typescript,Reactjs,Typescript,我是TS新手,所以谢谢阅读。 问题行是:我在哪里得到这个错误 RenderImages = (): React.ReactElement => ( <div className="results_wrapper"> {this.state.results.map(r=>( <RenderPanel panelType={PanelType.large} title={
我在哪里得到这个错误
RenderImages = (): React.ReactElement => (
<div className="results_wrapper">
{this.state.results.map(r=>(
<RenderPanel panelType={PanelType.large} title={r.domain+'.TheCommonVein.net'} preview={(openIt)=>(
<div className="result" onClick={openIt} style={{ boxShadow: theme.effects.elevation8}}>
<img src={r.url} />
</div>
)}>
<div className="panel_wrapper">
<div className="panel_content">{r.content}</div>
<img src={r.url} />
{console.log('wtf'+r.parent)}
<this.RenderPostLink domain={r.domain} parent={r.parent} />
</div>
</RenderPanel>
))}
</div>
)
RenderPostLink = (domain:string, parent:string) => {
console.log(parent+domain)
let url:string
if(domain=='main'){
url= 'http://thecommonvein.net/?page='+parent;
} else {
url = 'http://'+domain+'.thecommonven.net/?page='+parent;
}
return (
<div>
{url}
</div>
)
}
RenderImages=():React.ReactElement=>(
{this.state.results.map(r=>(
(
)}>
{r.content}
{console.log('wtf'+r.parent)}
))}
)
RenderPostLink=(域:字符串,父:字符串)=>{
console.log(父级+域)
让url:string
如果(域=='main'){
url='1〕http://thecommonvein.net/?page=“+家长;
}否则{
url='http://'+domain+'。commonven.net/?页面='+parent;
}
返回(
{url}
)
}
RenderPostLink函数错误。
您将其定义为函数,但将其用作组件。第一个参数是带有道具的对象。
正确的方法应该是:
RenderPostLink = ({domain, parent} :{ domain:string, parent:string)) => ...
请在typescript PlayGround中发布最小可复制示例。请确保构建一个。请注意,这三个词都很重要:它应该只是一个示例,您不应该发布整个实际代码,而应该创建一个简单的示例来演示您的问题。此外,它应该是最小的,也就是说,它不应该包含任何不是证明问题绝对需要的内容。(大多数初学者的问题都可以用不到5行简单的代码来演示。)而且它应该是可复制的,这意味着如果我复制粘贴并运行代码,我将看到与您看到的完全相同的问题。