代码之家 › 专栏 › 技术社区 › Himanshu Poddar

将csv加载到python中的sql表“加载本地数据已禁用;必须在客户端和服务器端都启用”时出错

pymysql load python-3.x sql python

0

Himanshu Poddar · 技术社区 · 5 年前

我明白,通过在每个文件中包含功能组件并在每个父级导入组件,可以实现组件的链接。

A进口B进口C

假设我们有这3个文件应用程序。回家。js和HomeContainer。js

应用程序在何处导入Home导入Homecontainer

应用程序。js

import './App.css';
import HomeContainer from './containers/HomeContainer';

function App() {
  return (
    <div className="App">
      <HomeContainer/>
    </div>
  );
}
export default App;

家庭集装箱。js

import Home from "../components/Home";
function HomeContainer(props) {
    return (
        <div>
            <Home/>
        </div>
    )
}
export default HomeContainer

家js

import React from 'react';

function Home(props) {
    return (
        <div>
            <h1>Home</h1>
        </div>
    )
}

export default Home;

到目前为止,一切都还不错,但假设我没有直接为HomeContainer创建功能组件,而是直接导出了Home组件,我看到即使在那时它仍在工作。

家庭集装箱。js 变成

import Home from "../components/Home";
export default Home

我想知道这到底是怎么回事,因为这个应用程序。js正在渲染HomeContainer组件,但HomeContainer组件没有渲染类似的内容 <Home/> 但“静物之家”组件会在应用程序中呈现。js。

我希望应用程序能够呈现第一个功能组件HomeContainer,然后再呈现Home组件。但即使我们不创建功能组件并直接导出它,它也会在应用程序中呈现。当我们的HomeComponent甚至没有使用命令渲染它时,将js作为Home component <主页/>

如何准确导出默认值 HomeComponent.js 正在渲染组件 Home 父母 App.js

0 回复 | 直到 4 年前

1

2

ksav 4 年前

使用时 export default ,给导入的模块起什么名字无关紧要。

您只是将一个标识符指向指定路径上的默认导出。

默认导出

在本例中,它不需要 Home ,它可能是 SomeOtherIdentifier 而且它仍然有效。

应用程序。js

import './App.css';
import SomeOtherIdentifier from './containers/HomeContainer';

function App() {
  return (
    <div className="App">
      <SomeOtherIdentifier/>
    </div>
  );
}
export default App;

家庭集装箱。js

import Home from "../components/Home";
export default Home

命名导出

另一方面,如果你使用 named export ,则需要导入同名的模块。

应用程序。js

import './App.css';
import { HomeContainer } from './containers/HomeContainer';

function App() {
  return (
    <div className="App">
      <HomeContainer/>
    </div>
  );
}
export default App;

家庭集装箱。js

import Home from "../components/Home";
export { HomeContainer }

或者你可以用 as 关键字将导入的模块别名为其他名称。

应用程序。js

import './App.css';
import { HomeContainer as SomeOtherIdentifier } from './containers/HomeContainer';

function App() {
  return (
    <div className="App">
      <SomeOtherIdentifier/>
    </div>
  );
}
export default App;

家庭集装箱。js

从“./组件/主目录”导入主目录;
导出{HomeContainer}

2

1

Shahriar 4 年前

这个 HomeComponent.js 正在渲染 Home 因为是你让它这么做的!你正在导入和导出 家 在里面。

想想第二个 HomeComponent。js 作为中间人。它导入和导出另一个组件(模块)。这在JS项目中很常见。

有关完整的详细信息,请参见以下内容:
https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export https://javascript.info/import-export