主页 / 问题 / 1256390
Accepted
Ruslan Gorbunov
Asked:2022-03-16 03:47:41 +0800 CST2022-03-16 03:47:41 +0800 CST

启动一个 React 应用程序

  • 772

有一个带有代码的 Card.jsx 文件

import React from 'react';
export default ({ title, text }) => {

if (!title && !text) {
    return null;
}

const titleDom = title && <h4 className="card-title">{title}</h4>;
const textDom = text && <p className="card-text">{text}</p>;

return (
    <div className="card">
        <div className="card-body">
            {titleDom}
            {textDom}
        </div>
    </div>
);

};

和 index.jsx

import React from 'react';
import getCard from './Card';

getCard({ title: 'hi', text: 'how are you?' });

如何运行程序来运行 index.jsx 文件？

reactjs

1 个回答

  1. Best Answer

    您可以以不同的方式导入 getCard 并在 index.jsx 文件的返回块中返回组件：

    import Card from './Card';

const App = () => {
   return (
      <div>
          <Card title="hi" text="How are you?" />
      </div>
   )
}
    • 1

相关问题