Извлечение и замена текста в JSX

Этот инструмент сосредоточен на извлечении текста, найденного внутри тегов JSX, и генерирует массив, состоящий из этих извлеченных строк. Затем он позволяет вам заменить текущий текст в JSX строками из этого массива.

Вы можете удобно использовать эту функциональность для различных приложений, включая тестирование UI/UX, поддержку нескольких языков и локализацию, оптимизацию для SEO, проведение оценок доступности и создание документации или комментариев к вашему коду.

Сценарии использования

• Тестирование UI / UX
• Многоязычная поддержка и локализация
• Системы управления контентом (CMS)
• Оптимизация SEO
• Проверки доступности
• Генерация документации / комментариев к коду

Инструкции по использованию

1. Пожалуйста, введите тег JSX, содержащий строки, которые вы хотите извлечь, в поле ввода.
2. Нажмите кнопку извлечения внизу экрана.
   • Вы можете выбрать, хотите ли вы только извлечь или выполнить как извлечение, так и замену, используя параметры кнопки рядом с кнопкой извлечения.
   • Для опции извлечения и замены вы можете указать имя массива, который будет содержать замененные тексты, в поле ввода внизу области ввода. При вызове этого массива в вашем коде используйте то же имя переменной, и оно будет заменено соответственно, включая фигурные скобки {}.
3. Проверьте выходное поле для массива / JSX и скопируйте его по мере необходимости, используя кнопку копирования для бесплатного использования.

Пример использования

<div>
  <Button onClick={onPlayMovie}>
  Play Movie
  </Button>
  <Button onClick={onUploadImage}>
  Upload Image
  </Button>
</div>

array

["Play Movie", "Upload Image"]

<div>
  <Button onClick={onPlayMovie}>
  {array[0]}
  </Button>
  <Button onClick={onUploadImage}>
  {array[1]}
  </Button>
</div>