Reactjs 此react web应用程序页脚中的错误在哪里?
当我试图在本地编译我的应用程序时,它不会运行。这一定是一个非常简单的错误,但我似乎找不到它。我也不是一个有经验的程序员,所以答案看起来很明显。谢谢你的帮助 代码如下:Reactjs 此react web应用程序页脚中的错误在哪里?,reactjs,Reactjs,当我试图在本地编译我的应用程序时,它不会运行。这一定是一个非常简单的错误,但我似乎找不到它。我也不是一个有经验的程序员,所以答案看起来很明显。谢谢你的帮助 代码如下: import React from 'react'; import { Link } from 'react-router-dom'; import twitterIcon from './twitterIcon.svg'; import facebookIcon from './facebookIcon.svg'; impo
import React from 'react';
import { Link } from 'react-router-dom';
import twitterIcon from './twitterIcon.svg';
import facebookIcon from './facebookIcon.svg';
import './Footer.css';
const Footer = () => (
<div className="Footer-wrapper">
<div className="Footer-text-links-wrapper">
<Link to="/about">
<span className="Footer-text-link">About</span>
</Link>
<Link to="/faq">
<span className="Footer-text-link">FAQ</span>
</Link>
<Link to="/contact">
<span className="Footer-text-link">Contact</span>
</Link>
<a href="xxx"><span className="Footer-text-link">Community</span></a>
</div>
// <div className="Footer-icon-links-wrapper">
// <a
// href="https://www.twitter.com"
// target="_blank"
// rel="noopener noreferrer"
// >
// <img src={twitterIcon} className="Footer-icon-link" alt="twitter" />
// </a>
// <a
// href="https://www.twitter.com"
// target="_blank"
// rel="noopener noreferrer"
// >
// <img src={facebookIcon} className="Footer-icon-link" alt="facebook" />
// </a>
//
// </div>
</div>
);
export default Footer;
从“React”导入React;
从'react router dom'导入{Link};
从“./twitterIcon.svg”导入twitterIcon;
从“./facebookIcon.svg”导入facebookIcon;
导入“/Footer.css”;
常量页脚=()=>(
关于
常见问题
接触
//
//
//
//
//
);
导出默认页脚;
以下是每个终端的错误:
Failed to compile.
./src/components/Footer/Footer.js
Syntax error: Unexpected token (40:2)
38 | //
39 | // </div>
> 40 | </div>
| ^
41 | );
42 |
43 | export default Footer;
未能编译。
./src/components/Footer/Footer.js
语法错误:意外标记(40:2)
38 | //
39 | //
> 40 |
| ^
41 | );
42 |
43 |导出默认页脚;
您不能在jsx中放置/
注释 注释不能像JSX中的Javascript那样。要写评论,您可以这样做`{/*…comment*/}。所以在你的代码中它看起来像
</div>
{/* <div className="Footer-icon-links-wrapper">
...
</div> */}
</div>
{/*
...
*/}