Question

我试图在其他模块中创建一个函数模块。就像React一样，像axios.get（）一样。我知道Flux和传递方法作为道具。但在这种情况下，我想做的就是这样：

var module1 = class module1 extends React.Component{
  render() {
      function module1Method(){
          console.log("Im from Module1");  
      }
      return (
         <div/>
    );
  }
}
export default module1;

///////////////////////////////////////  in another file

import module1 from "./module1";
var module2 = class module2 extends React.Component{
   render() {
       module1.module1Method();
       return (
          <div/>
       );
   }
}
export default module2;

有人可以让我知道我错过了什么吗？ Module2似乎看到Module1很好，但它无法访问它上面的任何方法。非常感谢您的帮助！

Answer 1

您不需要为此目的使用React.Component。你只想要一个普通的旧JS模块：

// ModuleOne.js
export function square(x) {
    return x * x;
}
export function hello() {
    return "Hello!";
}

// Another File
import {square, hello} from "ModuleOne";
var module2 = class module2 extends React.Component{
   render() {
       var someNumber = square(1,2);
       var someMessage = hello();
       return (
          <div/>
       );
   }
}
export default module2;

如何从另一个模块访问React中的模块方法？

1 个答案: