一旦主文件渲染方法完成执行,则需要在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文件
答案 0 :(得分:0)
您要实现的目标实际上不是反应喜欢的行为方式,可能是一个错误。如果您需要在组件中提供一些额外的功能,则可以定义一个类,在其中放置外部逻辑,然后在组件的构造函数或render方法中实例化该类的对象,然后从那里使用所需的任何功能。
答案 1 :(得分:0)
您可以使用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/>;
}
}