将字符串中的":customimage:“替换为图像，但在React.js的HTML视图中返回[object Object

import React, { useState } from 'react';

const MyComponent = () => {
  const [content, setContent] = useState('');

  // 其他组件代码...

  return (
    <div>
      {content}
    </div>
  );
};

export default MyComponent;

const MyComponent = () => {
  const [content, setContent] = useState('');

  // 其他组件代码...

  const replaceCustomImage = (str) => {
    const replacedStr = str.replace(':customimage:', <img src="https://example.com/customimage.png" alt="Custom Image" />);
    setContent(replacedStr);
  };

  // 调用replaceCustomImage函数，传入需要替换的字符串
  replaceCustomImage('This is a :customimage:');

  return (
    <div>
      {content}
    </div>
  );
};

const MyComponent = () => {
  const [content, setContent] = useState('');

  // 其他组件代码...

  const replaceCustomImage = (str) => {
    const replacedStr = str.replace(':customimage:', <img src="https://example.com/customimage.png" alt="Custom Image" />);
    setContent(replacedStr);
  };

  // 调用replaceCustomImage函数，传入需要替换的字符串
  replaceCustomImage('This is a :customimage:');

  return (
    <div>
      {content}
    </div>
  );
};