Reactjs React路由器v4-无法console.log{match.params.id}或另存为变量 import React，{Component，Fragment}来自'React'； 常量项目=（{match}）=>{ console.log（{match.params.project_name}） 返回( {match.params.project_name} ) } 导出默认项目；

project\u name

值在屏幕上的h3标记中显示良好，但我无法将相同的值记录或保存到变量中。我正在尝试获取

项目名称

值，并根据其值有条件地渲染组件

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

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\u name

存储为变量，只需执行以下操作：

console.log(match.params.project_name)

或者，您可以这样使用：

const project_name = match.params.project_name

要使用其他名称，请执行以下操作：

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

---

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

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\u name

存储为变量，只需执行以下操作：

console.log(match.params.project_name)

或者，您可以这样使用：

const project_name = match.params.project_name

要使用其他名称，请执行以下操作：

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

---

控制台记录对象属性的语法是错误的。ES6允许您记录一个键及其值，例如：{value}或{projectName}。您需要将控制台日志写成

console.log（{projectName:match.params.project_name}）|另外，您可以在JSFiddle/codesandbox.io上设置项目吗？您所编写的代码似乎很好，无法对此问题进行调试。此外，您不需要从“react”导入
组件
，因为您使用的是功能组件，而不是扩展
组件
的基于类的组件。我不知道如何将我的整个项目作为一组单独的组件和文件夹发布到JSFIDLE上。不过，我可以给出github回购协议的链接，希望能有所帮助？也只是重申一下。。。{match.params.project_name}的值有效并显示在屏幕上是的，github链接将很酷。=）控制台记录对象属性的语法是错误的。ES6允许您记录一个键及其值，例如：{value}或{projectName}。您需要将控制台日志写成
console.log（{projectName:match.params.project_name}）|另外，您可以在JSFiddle/codesandbox.io上设置项目吗？您所编写的代码似乎很好，无法对此问题进行调试。此外，您不需要从“react”导入
组件
，因为您使用的是功能组件，而不是扩展
组件
的基于类的组件。我不知道如何将我的整个项目作为一组单独的组件和文件夹发布到JSFIDLE上。不过，我可以给出github回购协议的链接，希望能有所帮助？也只是重申一下。。。{match.params.project_name}的值有效并显示在屏幕上是的，github链接将很酷。=）