Настройка сообщения об ошибке формы Hubspot (с использованием response. js)

Question

Просто интересно, имел ли кто-нибудь опыт встраивания форм Hubspot с помощью react. js

У нас есть форма hubspot, встроенная в одну из наших страниц.

Это текущий компонент кода, который настраивает форму:

         <HubspotForm
            portalId="xxxxxxx"
            formId="xxxxxxxxxxxxxxxxxxxxxxxxxxxx"
            onSubmit={() => null}
            onReady={() => this.registerListeners()}
            loading={<div>Loading...</div>}
            css={hubspotcss}
            cssClass="hubspotForm"
          />

Все, что я хочу сделать, это исправить сообщение об ошибке для поля деловой электронной почты. Итак, я проверил https://developers.hubspot.com/docs/methods/forms/advanced_form_options

и нашел раздел «Настроить интернационализацию», чтобы переопределить сообщения об ошибках. Из того, что я мог сказать, мне нужно было бы добавить в этот код:

          locale="en"
            translations= {
              en= {
                forbiddenEmailDomain= "Please enter a company email address"
              }
          }

Но когда я компилирую код, я получаю сообщение об ошибке: ошибка 'locale' не определена no-undef

Кто-нибудь должен знать, что я делаю не так? Любая информация очень ценится

Спасибо Jools

Answer 1

Я обнаружил, что это сработало для меня после предложения @Ferran Buireu.

translations={{
en:{
    forbiddenEmailDomain: "Please enter a company email address."
   }
}}

Answer 2

Из предоставленной вами документации:

Код внедрения ожидает формат {locale: {messageKey: customMessage}}. Вы можете переопределить метки полей, указав метку как {locale: {fieldLabels: {fieldName: customLabel}}}, а текст кнопки отправки - {locale:{submitText: customSubmitText}} См. Пример в правой панели кода.

Итак, компонент ожидает объект и ваша структура не совпадает. Он должен выглядеть так:

translations={{
en:{
    forbiddenEmailDomain: "Please enter a company email address."
   }
}}

Обратите внимание на закрытие, чтобы открыть подобъект внутри.

Ссылки здесь .