React-i18next如何放入动态html内容？

npm install react-i18next

import React from 'react';
import { useTranslation } from 'react-i18next';

function MyComponent() {
  const { t } = useTranslation();

  return (
    <div>
      {t('dynamicContent')}
    </div>
  );
}

export default MyComponent;

import React from 'react';
import { useTranslation, Trans } from 'react-i18next';

function MyComponent() {
  const { t } = useTranslation();

  return (
    <div>
      <Trans i18nKey="dynamicContent">
        This is a dynamic HTML content with <strong>{{value}}</strong>.
      </Trans>
    </div>
  );
}

export default MyComponent;

import React from 'react';
import { useTranslation, Trans } from 'react-i18next';

function MyComponent() {
  const { t } = useTranslation();

  return (
    <div>
      <Trans i18nKey="dynamicContent" values={{ value: 'React-i18next' }}>
        This is a dynamic HTML content with <strong>{{value}}</strong>.
      </Trans>
    </div>
  );
}

export default MyComponent;

{
  "dynamicContent": "这是一个带有 <1>React-i18next</1> 的动态HTML内容。"
}