无法使用 flowrouter 在反应模板中安装反应组件答案

【问题标题】：Can't mount react component in react template with flowrouter无法使用 flowrouter 在反应模板中安装反应组件
【发布时间】：2020-08-27 15:09:33
【问题描述】：

我正在尝试使用流星流路由器更改反应组件，路由已正确创建但我无法更改组件，控制台日志正确显示但组件未更改。在浏览器控制台中，我收到以下错误。

警告：组件正在将文本类型的不受控制的输入更改为被控制。输入元素不应从不受控制切换到控制（反之亦然）。决定使用受控或在组件的生命周期内不受控制的输入元素。

我的路线文件

FlowRouter.route('/administrador', {
name: 'administrador',
action() {
    mount(AdministradorLayout, {
        content: <AdministradorPage />
    })
    console.log("hola")
}
})

我的管理员布局

import React from 'react'

export default function AdministradorLayout({ content }) {

return (
    <div>{content}</div>
)
}

我的管理员页面（仅限 sn-p）

export default function AdministradorPage() {
const classes = useStyles();
const [state, setState] = React.useState({
    top: false,
    left: false,
    bottom: false,
    right: false,
});

const toggleDrawer = (anchor, open) => (event) => {
    if (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {
        return;
    }

    setState({ ...state, [anchor]: open });
};

【问题讨论】：

标签： javascript reactjs meteor flow-router

【解决方案1】：

发现在路由文件中导入组件时去掉括号解决了问题

【讨论】：