Как обновить переменные состояния сразу в React JS

Вы не используете обратный вызов для JSON.parse (это функция «оживления», которая помогает десериализовать данные). Вместо этого возьмите результатJSON.parse и передайте его в setState:

this.setState(JSON.parse(formdata));

Более:

• JSON.parse
• setState
• Важная информация для настройки состояния, когда оно основано на другом состоянии или свойствах (ваш нет, поэтому мы можем просто передать объект в setState, но многие обновления состояния основаны на состоянии или реквизитах, а для те вы должны использовать форму обратного вызова setState)

Также стоит отметить, что componentWillMount не является подходящим методом жизненного цикла для этого. Поскольку здесь нет асинхронной операции, правильным местом будет ваш конструктор, а ваш конструктор - это место один, которое вы можете назначить непосредственно для this.state, поэтому:

constructor() {
    this.state = Object.assign(
        {/*...default state here...*/},
        JSON.parse(sessionStorage.getItem("regData")) // see note
    );
}

(Если нет regData, getItem вернет null, который пройдет через JSON.parse [он преобразуется в "null", а затем обратно в null] и игнорируется Object.assign, поэтому нам не нужен оператор if.)

(Если бы была задействована асинхронная операция, это была бы componentDidMount, и вместо этого вы использовали бы setState ..)

Вы можете попробовать это, установив состояние один раз: -

   if (sessionStorage.getItem("regData")) {
        let formdata = sessionStorage.getItem("regData");
        let obj = {};
        JSON.parse(formdata, (key, value) => {
            obj.key = value;
            });
        let newState= {...this.state, ...obj};
        this.setState(newState);
      }

Я не совсем уверен, правильно ли я понял требование, но я предполагаю, что вам нужно сделать, предполагая, что значение хранилища сеанса содержит все поля, которые вам нужны, вместо этого:

JSON.parse(formdata, (key, value) => {
               this.setState({key:value});});
});

Сделай это:

this.setState(JSON.parse(formdata));

Также в качестве примечаний примите во внимание, что использование componentWillMount для установки состояния считается анти-шаблоном (https://vasanthk.gitbooks.io/react-bits/anti-patterns/04.setState-in-componentWillMount.html).

Я также считаю, что хранить пароль пользователя в хранилище сеанса - не лучшая идея.