Что означает эта ошибка JavaScript? Разрешение, отклоненное для вызова метода к Location.toString

Вы можете добавить еще один elementType «group», где вы можете передавать входные данные как свойство элемента и проходить через них в вашем компоненте RegistrationFormTemplate.

class SignupStateNavigation extends React.Component {
  state = {
    step: 1,
    signupForm: {
      // OTHER INPUTS
      anotherInput: {
        value: 'anotherInput',
      },
      // NEW TYPE OF ELEMENT
      groupOne: {
        elementType: 'group',
        // PASS YOUR INPUTS HERE
        inputs: {
          firstName: {
            value: 'firstName'
          },
          lastName: {
            value: 'lastName'
          },
        }
      }
    }
  };

  render () {
    const inputs = this.state.signupForm;

    let form = (
      

        
          {Object.keys(inputs).map(function(key) {                   
            return 
          })}
        
      
    );

    return (
      

        

          {form}
        
      
    );
  }
}

Затем используйте новый элемент 'group' elementType в вашем компоненте RegistrationFormTemplate.

const SignupFormTemplate = (props) => {
  const elementType = props.elementType;
  let inputElement;

  switch ( elementType ) {
    case ( 'group' ):
      // IF OF TYPE GROUP LOOP THROUGH INPUTS AGAIN
      const inputs = props.inputs;

      inputElement = (
        

          {Object.keys(inputs).map(function(key) {
            return 
          })}
        
      )

      break;

    default:
      inputElement = ;
  }

  return (
    

      {inputElement}
    
  );
};

Рабочая скрипка: https://jsfiddle.net/f9h03y1z/8/