将模板与当前项目集成

时间:2019-01-16 14:49:15

标签: javascript reactjs

我目前有一个正在创建的React Web应用程序(用于create-react-web-app)。我想集成以下模板:https://www.creative-tim.com/product/material-dashboard-react 但是,由于这是一个完整的Web应用程序,因此在用户帐户页面上很难这样做(package.json和文件结构等都有区别)。

当前,我已经使用firebase进行了基本设置,并且正在执行以下操作:

firebase.auth().onAuthStateChanged(function (user) {
    if (user) {
        render(<UserPage user={user}>, document.getElementById("root"));
    } else {
        render(<App user={user}>, document.getElementById("root"));
    }
}

我想要对其进行设置,以便该模板显示在UserPage上。

我尝试过复制文件,并更改package.json以与当前应用程序和模板配合使用。

1 个答案:

答案 0 :(得分:0)

我不完全知道您要完成什么? 如果它在哪里工作,问题出在哪里?

最后,React代码在启动应用程序方面不会造成混乱。但是最后,当您使用webpack构建应用程序时,JSX将被本机JS取代,因此您只需要在要添加元素的JS文件中调用ReactDOM.render