Bonjour,

En pleine étude des technos react et Node.js, j'écris actuellement une petit chat pour appréhender les concepts.

J'utilise socket.io dans mon composant principal App.

import React, { Component } from 'react';
import io from 'socket.io-client'

import MessageField from './components/MessageField';
import Message from './components/Message';

class App extends Component {

  sock = null;
  state = {
    messages: [],
  }

  addMessage(message){
    this.setState({
      messages: this.state.messages.concat(message)
    })
  }

  componentDidMount(){
    this.socket = io.connect('http://127.0.0.1:3001')
    this.socket.on('message_bc', (message) => {
      this.addMessage(message)
    })
  }

  sendMessage = (message) => {
    this.socket.emit('message', message)
  }

  render() {
    const { messages } = this.state
    return (
      <div className="App">
      <div>
      {messages.map(( message, index ) => (
          <Message
          key={index}
          message={message}/>
        ))}
      </div>
        <div className="bg-dark py-2 fixed-bottom">
          <div className="container">
            <MessageField onSubmit={this.sendMessage}/>
          </div>
        </div>
      </div>
    );
  }
}

export default App;

Actuellement, voila sur cette ligne:

this.socket = io.connect('http://127.0.0.1:3001')

Nous pouvons voir que je me connecte avec une URI en dur. 
Comment puis-je faire pour pouvoir changer cette propriété manuellement depuis un fichier de configuration ou autre?

Je précise que mes futur projet, seront ciblé pour l'industrie, et que mon application devra être déployée sur plusieurs site avec chacun une configuration particulière.

Cordialement.

-
Edité par flo291288 5 septembre 2018 à 13:38:32