Question

一切都始于需要在函数调用中进行配置，并弄清楚如果导入多个文件会发生什么。

我有这个功能

function.js
export function myFunction() {
  let b = Math.random();
  return b;
}

两种情况。直接导入函数，多处显示。显示不同的值。第一种情况

App.js
import myFunction from "./myFunction";
export default class App extends Component {
  render() {
    return (
      <div className="App">
        <h3>{myFunction()}</h3>
        <h3>{myFunction()}</h3>
      </div>
    );
  }
}

第二种情况。

counter.js
import myFunction from "./myFunction";
export default myFunction(7)

App.js
import counter1 from "./counter";
import counter2 from "./counter";

export default class App extends Component {
  render() {
    return (
      <div className="App">
        <h3>counter1</h3>
        <h3>counter2</h3>
      </div>
    );
  }
}

在第二种情况下，显示相同的值。

这里有一篇文章：https://dmitripavlutin.com/javascript-module-import-twice/ 仍然无法完全解释会发生什么

在 React 中多次导入模块。代码执行一次还是多次执行

0 个答案: