10 examples of 'import link in react' in JavaScript

8
export default function Import() {
9
  const [value, setValue] = React.useState('');
10
  const history = useHistory();
11
12
  function sendURLRequest(baseURLValue) {
13
    axios.post('/api/products', { params: { baseURL: baseURLValue } });
14
  }
15
16
  function handleImportClick() {
17
    if (value === '' || !checkIfIsURL(value)) {
18
      errorNotification('No URL Provided');
19
    } else {
20
      sendURLRequest(value);
21
      importNotification('Import Started');
22
      history.push('/products');
23
    }
24
  }
25
26
  function checkIfIsURL(string) {
27
    try {
28
      new URL(string);
29
      return true;
30
    } catch (_) {
31
      return false;
32
    }
33
  }
34
35
  return (
36
    <>
37
      <ImportBox onChange={e => setValue(e.target.value)} onClick={handleImportClick} />
38
    </>
39
  );
40
}

31
function lazyImport(name) {
32
  return lazy(() => import(`./components/${name}`));
33
}

31
function importsReact(imports) {
32
  return imports.some(
33
    importObj =>
34
      importObj.source === "react" &&
35
      importObj.specifiers.some(specifier => specifier === "React")
36
  );
37
}

747
value: function _import(obj) {
748
  this.data.pattern = obj.pattern || this.data.pattern || '';
749
  this.data.hidden = obj.hidden || false;
750
}

8
function $import(location, cb, component) {
9
  return System.import('./containers/' + component) // eslint-disable-line
10
    .then(module => cb(null, module.default))
11
    .catch(err => console.error('Dynamic page loading failed', err)); // eslint-disable-line
12
}

252
function DynamicImportHOCFetcher(props, ref) {
253
  return createElement(DynamicImport, _extends({}, props, {
254
    forwardedRef: ref,
255
    hocArgs: args
256
  }));
257
}

216
value: function _import(pathToModule) {
217
  return require(this.root(pathToModule));
218
}

100
function _load_link() {
101
  return _link = _interopRequireWildcard(require('./link.js'));
102
}

68
const ChildLink = React.forwardRef(function ChildLink({childId, childPayload, ...props}, ref) {
69
  const {routerPanesState, groupIndex} = useContext(PaneRouterContext)
70
  const panes = routerPanesState
71
    .slice(0, groupIndex + 1)
72
    .concat([[{id: childId, payload: childPayload}]])
73
74
  return <StateLink ref={ref} {...props} state={{panes}} />
75
})

3
export default function asyncComponent(importComponent) {
4
  class AsyncComponent extends React.Component {
5
    state = { component: null }
6
7
    async componentDidMount() {
8
      const { default: component } = await importComponent()
9
10
      this.setState({ component })
11
    }
12
13
    render() {
14
      const C = this.state.component
15
16
      return C
17
        ? <C {...this.props} />
18
        : null
19
    }
20
  }
21
22
  return AsyncComponent
23
}