Как я могу запустить скрипт в начале приложения React?

Question

Я думаю, что это простой вопрос, но я не знаю, как лучше всего это сделать.

В дополнение к запуску моего приложения React мне нужно асинхронно и независимо запускать сценарий (например,) добавить отпечаток пальца в мою базу данных.

Результат этого скрипта не влияет на приложение, но мне нужно включить этот скрипт в приложение, потому что я использую функции приложения.

Я могу подуматьиз двух способов сделать это:

1) Внутри index.js

import { add_fingerprint }  from './utils/Functions';
add_fingerprint();

ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
);

2) Внутри App компонент:

import { add_fingerprint }  from './utils/Functions';

class App extends Component {

  constructor(props) {
    super(props)    
  }

  componentDidMount(){
    add_fingerprint();
  }

  render () {
    return (<div>My app</div>)
  }

}

add_fingerprint Функция:

export function add_fingerprint () {

  import axios from 'axios';
  import Fingerprint2 from 'fingerprintjs2';

  setTimeout(function () {
    Fingerprint2.get(function (components) {
    //axios call to add to my database         
    })  
  }, 500)

}

Какой самый правильный путь?

Answer 1

Вторая точка верна.

Если вам нужно загрузить данные с удаленной конечной точки, это хорошее место для создания сетевого запроса.https://reactjs.org/docs/react-component.html#componentdidmount