Javascript 在react功能组件中将属性作为pros传递

我正在学习反应。这里我遇到了一些基本问题。我在react中学习了道具和父子组件的概念，但当我尝试实现它时，它显示出错误。请帮忙。我有一个名为“PortfolioBox”的父组件和一个名为“PortfolioBox”的子组件。我试图在PortfolioBox中传递标题道具。这是我的示例代码。启动react应用程序“npm start”时出现问题。它显示错误“未定义投资组合”

投资组合组成部分

import React from 'react';
import PortfolioBox from './PortfolioBox';

import './portfolio.css';

function Portfolio()
{
    return (
        <div className="row portfolio-container">
            <PortfolioBox title="One" />
            <PortfolioBox title="Two" />
            <PortfolioBox title="Three" />
            <PortfolioBox title="four" />


        </div>
    )
}

export default Portfolio;

import React from 'react';

function PortfolioBox(props)
{
    console.log(props);
    return(
        <div className="col-md-4 portfolio-box">
            <h3>{props.title}</h3>
            <p>Description</p>

        </div>
    )
}


export default PortfolioBox;

从“React”导入React；
从“/PortfolioBox”导入PortfolioBox；
导入“/portfolio.css”；
功能组合（）
{
返回(
)
}
出口违约组合；

组合框组件

import React from 'react';
import PortfolioBox from './PortfolioBox';

import './portfolio.css';

function Portfolio()
{
    return (
        <div className="row portfolio-container">
            <PortfolioBox title="One" />
            <PortfolioBox title="Two" />
            <PortfolioBox title="Three" />
            <PortfolioBox title="four" />


        </div>
    )
}

export default Portfolio;

import React from 'react';

function PortfolioBox(props)
{
    console.log(props);
    return(
        <div className="col-md-4 portfolio-box">
            <h3>{props.title}</h3>
            <p>Description</p>

        </div>
    )
}


export default PortfolioBox;

从“React”导入React；
功能PortfolioBox（道具）
{
控制台日志（道具）；
返回(
{props.title}
描述

)
}
导出默认PortfolioBox；

App.js文件

import React from 'react';

function App() {
  return (
    <div className="container-fluid">
      <Portfolio />

    </div>
  );
}

export default App;

从“React”导入React；
函数App（）{
返回(
);
}
导出默认应用程序；

您的

app.js

文件中缺少导入语句：

import React from 'react';
import Portfolio from './Portfolio'; // If your file is in the same directory

function App() {
  return (
    <div className="container-fluid">
      <Portfolio />
    </div>
  );
}

export default App;

从“React”导入React；
从“./Portfolio”导入投资组合；//如果您的文件位于同一目录中
函数App（）{
返回(
);
}
导出默认应用程序；

那么问题出在哪里？您遇到了什么错误？您遇到了什么错误？显示错误我得到'投资组合未定义错误'，你不导入应用程序中的投资组合…谢谢。我没能找出这个简单的错误。