Question

我在反应中做了一个模块。因此，我导入了模块。然后，使用构造函数调用外部模块的功能。

import { connect } from './api';
...

class App extends Component {
  constructor(props) {
  super(props);

  connect(message => {
  console.log(message);
  });
 }

 render(){
  ...
 }  
}

但是我想在不使用构造函数的情况下表达类字段的语法。

import { connect } from './api';
...

class App extends Component {

  connect(message => {
  console.log(message);
  });

  render(){
   ...
  }
}

由于未声明“ connect”，因此未执行上述代码“ connect”功能的结果。

如果没有构造函数，我是否无法获得外部模块的功能？

Answer 1

这是您的connect.js：

export const connect = message => {
  console.log(message);
};

这是您的组成部分：

import React from 'react';

import { connect } from './connect';

class App extends React.Component {

  componentDidMount() {
    connect('connected');
  }

  render() {
    return (
      <div>
        <h1>Some Text...</h1>
      </div>
    );
  }
}

export default App;

应该很清楚...如果您有问题要问...

导入在React中制作的外部模块时，我必须使用构造函数吗？

1 个答案: