почему моя функция обратного вызова не обновляет мою переменную в React

Question

Как я могу получить доступ к "string value" вне области действия callback.Пожалуйста, прости мое примитивное знание, поскольку я новичок в обратных вызовах.

render() {
  let test = '';
  let callback = (string) => {
     test = string
     console.log <----returns "string value"
    }
    console.log(test) <-----returns empty string

    console.log()
    return (
      <div>  
        {callback("string value")}
      </div>
    );
  }
}

Answer 1

Вам просто нужно вернуть test (или строку) в конце функции обратного вызова.

Оператор return завершает выполнение функции и указываетзначение, которое будет возвращено вызывающей функции.

Проверьте следующий код:

render() {
  let test = '';
  let callback = (string) => {
     test = string;
     return test;
    }
    return (
      <div>  
        {callback("string value")}
      </div>
    );
  }
}