React Router v4 - 无法控制台.log {match.params.id} 或另存为变量

Question

import React, { Component, Fragment } from 'react';

const Project = ({match}) => {
console.log({match.params.project_name})
return (
<div>
<h3>
{match.params.project_name}
</h3>
</div>
)
}

export default Project;

project_name值在屏幕上的 h3 标签中看起来很好，但我无法将相同的值记录或保存到变量中。我正在尝试获取project_name值并根据其值有条件地渲染组件

Answer 1

您应该能够在不使用大括号的情况下登录：

console.log(match.params.project_name)

要将project_name存储为变量，只需：

const project_name = match.params.project_name

或者，您可以使用解构赋值，如下所示：

const { project_name } = match.params
console.log(project_name)

要指定其他名称，请执行以下操作：

const { project_name: myProject } = match.params
console.log(myProject)