Javascript 我不能在React JS上有2个或多个常量

我在reactjs中相对较新，但当我试图从ReactStrap和about内容在一个返回模式中包含2个常量时，我遇到了这些错误，我不知道如何修复它

我正在尝试创建一个简单的网站，但会在每个页面上使用模态函数，但我不想创建单独的文件modal.js modal2.js modal3.js如何解决这个问题，或者用其他更好的方法来实现？谢谢

请参见下文和屏幕截图

谢谢

从“React”导入React；
从“react bootstrap”导入{Jumbotron as Jumbo，Container}；
//这里是我添加ModalExample的地方
export const About=（）=>{const}ModalExample=（props）=>(
常数{
按钮标签，
类名
}=道具；
const[modal，setModal]=useState（false）；
const toggle=（）=>setModal（！modal）；
关于我们
学会编码

关于页面
这主要是关于我们的网页


当你在使用键盘时，盯着天花板，手臂着地，这样
人类喂我，

{按钮标签}
情态标题
知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德有时，如果你不自以为是，就必须为自己的行为负责。
做某事{'}
取消
);

您不能这样做：

export const About=（）=>{const}ModalExample=（props）=>(

我不知道你到底想做什么，但你必须这样做：

export const About=（）=>{
...

或者这个：

constmodalexample=（道具）=>(

你不能同时做这两件事（你可以让一个函数返回一个函数，但我认为这对React组件不是一个好主意）

更新：

顺便说一句，如果你想让一个函数返回一个函数，你必须这样写：

export const About = () => (props) => (
  ...

---

我完全确定您想要实现的是什么，但是

constabout=（）=>{const}

是一个不返回任何内容的函数您有一个隐式返回，但通过解构而不是返回JSX继续变量赋值。发送是许多否决票的来源，请将您的代码移到代码块中抱歉，我试图实现这一点。我从modal.js导入了一个模式按钮和内容，但我需要在该网站。无论如何实现这一点？我想我没有解释好，我是新的stackflow如何工作。谢谢你的时间。