Question

我正在尝试在点击我的网站文章时重定向用户，但是，我收到以下错误：

TypeError：无法读取undefined的属性'props' onArticleClicked

13 |

14 | onArticleClicked（）{

15 | //转到http://my-react-app.com/article/ {articleID}

16 | this.props.history.push（“/ article /”+ this.article.ID）

17 | }

18 |

19 | priceToDouble（）{

有我的组件：

import React from 'react'
import { Image } from 'react-bootstrap'
import { centimesToDouble } from '../../utils/price_converter';

export default class Article extends React.Component {

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

    onArticleClicked() {
        // go to http://my-react-app.com/article/{articleID}
        this.props.history.push("/article/" + this.article.ID)
    }

    priceToDouble() {
        return centimesToDouble(this.state.article.price / 100) + "€"
    }

    render () {
        return (
            <div onClick={this.onArticleClicked}>
                <Image src={this.state.article.variants[0].pictureUrl} responsive />
                <h3>{this.state.article.name}</h3>
                <p>{this.priceToDouble()}</p>
            </div>
        )
    }
}

我不明白，因为基于其他stackoverflow答案，我应该能够像那样重定向，为什么我不能？

我正在尝试通过这个项目学习反应，随时提出任何建议，谢谢

无法使用反应路由器V4以编程方式导航

0 个答案: