时间戳

首页 > 解决方案 > 无法使用 flowrouter 在反应模板中安装反应组件

javascript - 无法使用 flowrouter 在反应模板中安装反应组件

问题描述

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

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

我的路线文件

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>
)
}

我的管理员页面（仅片段）

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 });
};

标签： javascriptreactjsmeteorflow-router

解决方案

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

推荐阅读