Reactjs 传递道具功能组件的反应

我是一个新的反应和尝试传递道具从一个功能组件到另一个

以下是组件1：

import React from 'react'
import TeamItem from './TeamItem'
import KKR from '../../assets/smith.jpeg'

export default function Teams() {
    return (
        <div>
            <TeamItem title={1} />
        </div>
    )
}

从“React”导入React
从“./TeamItem”导入TeamItem
从“../../assets/smith.jpeg”导入KKR
导出默认功能团队（）{
返回(
)
}

以下是组件2：

import React from "react";
import "./teams.css";
import { makeStyles } from "@material-ui/core/styles";
import Card from "@material-ui/core/Card";
import CardActionArea from "@material-ui/core/CardActionArea";
import CardContent from "@material-ui/core/CardContent";
import CardMedia from "@material-ui/core/CardMedia";
import Typography from "@material-ui/core/Typography";
import KKR from '../../assets/smith.jpeg'

const useStyles = makeStyles({
  card: {
    maxWidth: 445
  },
  media: {
    height: 240
  }
});
export default function TeamItem(props) {
  const classes = useStyles();
  console.log(props.title, '>>>>>>>>>>>>>')
  return (
    <h1>{props.title}</h1>
  );
}

从“React”导入React；
导入“/teams.css”；
从“@material ui/core/styles”导入{makeStyles}”；
从“@物料界面/核心/卡片”导入卡片；
从“@material ui/core/CardActionArea”导入CardActionArea；
从“@material ui/core/CardContent”导入CardContent；
从“@material ui/core/CardMedia”导入CardMedia；
从“@material ui/core/Typography”导入排版；
从“../../assets/smith.jpeg”导入KKR
const useStyles=makeStyles({
卡片：{
最大宽度：445
},
媒体：{
身高：240
}
});
导出默认功能团队项目（道具）{
const classes=useStyles（）；
console.log（props.title“>>>>>>>>>>”）
返回(
{props.title}
);
}

---

此处未定义

props.title

。我不确定我错在哪里。

您好，正如您在这里所描述的

code

对我来说是完全正确的。我在本地尝试了它，并从

props.title

获得了值

1

。请尝试重新启动您的服务器。

您能在这里发布您的代码吗，因为在纸上它看起来是正确的：）但在您发布到那里之后，我会再看一眼并100%修复它@dodo您的代码是正确的，请正确检查问题是每个人都提到的其他问题，代码看起来很完美：）我唯一建议的是删除node_模块，再次运行npm安装并重新启动服务器。