JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – React – 将道具传递给子onClick大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个从Dropbox中提取的图像和标题索引.我的目标是能够点击一个标题并加载一个特定的项目,但是现在我只是试图将点击的标题的数据传递给一个组件.

我看过React教程,文档&其他类似的问题在这里(并且我担心这将被视为一个重复的问题),但我似乎无法找到一种方法来传递被点击的特定标题.我目前收到错误:无法读取undefined的属性’title’.

我已经设法通过console.log& amp;使用所有标题填充了ProjectTitle组件,但我对这个看似简单的障碍感到困惑.

谢谢

class ProjectTitle extends React.Component{
    render() {
        return 
最佳答案
通常在这种情况下,您希望遵循以下结构:

> Click事件处理程序将activeTitle等状态属性设置为单击的id.
>需要设置其prop的元素(ProjectTitle)从其父状态(Index)获取它.

您的代码更改可能如下所示:

// in Index constructor 
this.state = {
    // stuff you already have...
    activeTitle: null
}
this.handleItemClick = this.handleItemClick.bind(this);

// in Index
handleItemClick(title) {
    this.setState({activeTitle: title});
}

// in Index.render() in the loop
// you might have you add some code to get titles[i]

大佬总结

以上是大佬教程为你收集整理的javascript – React – 将道具传递给子onClick全部内容,希望文章能够帮你解决javascript – React – 将道具传递给子onClick所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: