如何将props传递给函数内部的组件？

Question

当我尝试将props传递给函数内部的Component时，它总是返回“预期分配或函数调用，而是看到一个表达式no-unused-expressions”。

handleComponent(){
     <Component getid={value} />
}

为什么会这样以及如何纠正？

Answer 1

您必须像这样在compoennt中调用render作为回报

 render(){
     return(
       <Component getid={value}/>
     )
    }

Answer 2

我猜，您在渲染函数中使用了handleComponent（或者如果使用功能组件则返回了），所以handleComponent需要返回一段JSX代码。您的handleComponent不要没有return关键字，因此返回undefined，这就是为什么会出现该错误。 尝试以下代码：

handleComponent(){
     return <Component getid={value} />
}