Question

一旦主文件渲染方法完成执行，则需要在reactjs中的另一个javascript文件中导入“ validation.js”文件

getData(){
  this.socket.emit('getItemInfo');

  product_data = this.state.product_data;

  this.socket.on('getItemInfo', (data) => {
    if (data != null) {
      this.socket.emit('message_client', data)
      this.setState({product_data: data});
    } else{
      this.socket.emit('message_client', 'No item');
    }
  });
}

componentDidMount(){
  this.getData();
}

一旦主要组件的render方法执行完毕，应渲染此JS文件

Answer 1

您要实现的目标实际上不是反应喜欢的行为方式，可能是一个错误。如果您需要在组件中提供一些额外的功能，则可以定义一个类，在其中放置外部逻辑，然后在组件的构造函数或render方法中实例化该类的对象，然后从那里使用所需的任何功能。

Answer 2

您可以使用react-loadable库来延迟加载javascript文件。

import Loadable from 'react-loadable';

const LoadableTest = Loadable({
  loader: () => import('./validations.js'),
  loading() { // you could write your spinner while the file is being loaded.
    return <div>Loading...</div>
  }
});

class MyComponent extends React.Component {
  render() {
    return <LoadableTest/>;
  }
}

ReactJS-组件安装后需要导入/重新运行本地javascript文件

2 个答案: