React - 如何使用React Router V4从URL参数设置初始状态

Question

我在URL中传递了ID，如下所示：

<Link title="Open goal" to={"/app/goal/id"+key}>Open goal</Link>

路线工作正常（ / app / goal / id-Kho8lGjYN31WiYwgthE ）：

<Route path="/app/goal/id:goalId" component={GoalView} />

我只想从组件类构造函数中的URL获取goalId以将其设置为状态。我只是不知道你的正确语法是什么。

我尝试的是：

class GoalView extends Component {
  constructor(props) {
    super(props);

    this.state = {
      dataGoal: {},
      currentGoalId: this.props.match.params.goalId,
    };
  }
  
  ...
  
}

但这不会以ReferenceError: match is not defined结尾。

任何想法如何从网址获取goalId？

感谢您的帮助， 的Jakub

  

我很抱歉......我已经明白了。我完全错了   不同的行。它运作得很好。