Выражение JS не работает как часть строки в ReactJS?

Вам нужно экспортировать функцию, которая при вызове возвращает IP-адрес.

Файл, импортирующий chosenIpAddress, имеет исходное значение (пустая строка), но он никогда не будет обновлен даже при вызове chosenTake. Строки Javascript копируются по значению, поэтому, если вы обновляете исходную переменную, любые другие ссылки на нее не будет обновляться.

• https://codeburst.io/explaining-value-vs-reference-in-javascript-647a975e12a0

Пример строк, скопированных по значению:

chosenIpAddress = "";
x = chosenIpAddress; // x is ""
chosenIpAddress = "localhost"; // chosenIpAddress is "localhost", x is still ""
// This same issues applies to imports/exports.

Так что сделайте что-то вроде этого в своем файле IP-адреса:

let chosenIpAddress = "";

function chosenTank(tank) {
    socket.emit('chosen tank', tank);
    console.info('Tank', tank);
    chosenIpAddress = tank.IpAddress;
}

function getChosenIpAddress() {
    // This can be "" if chosenTank is not called first
    return chosenIpAddress;
}

export {
    getChosenIpAddress,
};

Кроме того, как указано в комментариях, вам необходимо вызвать chosenTank, прежде чем вы получите доступ к chosenIpAddress, иначе вы будете каждый раз получать пустую строку.

Кроме того, вам также необходимо создать строку сокета как функцию, чтобы при вызове она получала самое актуальное значение от getChosenIpAddress:

import {getChosenIpAddress} from './socketEvents.js';

function getChosenSocket() {
    return socketClient(`http://${getChosenIpAddress()}:8081`);
}

Итак, для всех, кто сталкивается с этой проблемой, я решил ее. Полученный ответ вроде как доходит до цели, но не совсем, я пробовал это (и его вариации), но это / они не сработали.

В основном в моем случае IP-адрес устанавливался при запуске приложения, поэтому selectedIpAddress всегда будет пустой строкой, поскольку он был установлен до того, как произошли соединения, никаких изменений экспорта, отзыва или построения функции не было бы. работа.

Чтобы обойти это, я позволил установить начальное соединение с помощью socketClient 'placeholder', чтобы предотвратить сбой приложения ...

let socket = socketClient('http://:8081');

... а затем, когда все было готово, я позвонил, чтобы повторно заполнить IP-адрес, когда компонент монтируется из внешнего интерфейса ...

Вызывается из внешнего интерфейса, когда все готово ...

componentDidMount() {
    frontEndConnected();
}

При необходимости добавьте IP-адрес ...

function frontEndConnected() {
    socket = socketClient(`http://${chosenTankIpAddress}:8081`);
}

... который творит шарм.