Question

我是新来的反应者，试图将道具从一个功能组件传递到另一个。

这是组件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>
    )
}

这是组件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>
  );
}

props.title在这里未定义。我不确定我哪里错了。

Answer 1

您好@dodo正如您在此处所描述的，Code对我来说看起来很好。我在本地尝试过，并从1获得了值props.title。请尝试重新启动服务器。

通过道具功能组件反应

1 个答案: