如何改变ReactMarkdown的data-id

ReactMarkdown并不提供直接改变data-id的API，但你可以通过重写它的renderers来实现。首先，你需要定义一个新的renderer函数，包含你想要的data-id属性。然后在使用ReactMarkdown组件时，通过props传入新的renderers来覆盖默认的renderers。

下面是一个示例代码：

import React from 'react';
import ReactMarkdown from 'react-markdown';

const renderers = {
  heading: (props) => {
    const { level, children } = props;
    const id = `my-heading-${level}`;

    return React.createElement(
      `h${level}`,
      { ...props, id, 'data-id': id },
      children
    );
  },
};

const MyMarkdown = ({ source }) => (
  <ReactMarkdown renderers={renderers} source={source} />
);

export default MyMarkdown;

在这个示例中，我们重写了heading renderer来添加一个自定义的id和data-id属性。然后，我们在使用ReactMarkdown组件时传入新的renderers对象。

注意，这个示例只是演示了如何改变heading标签的data-id属性，你可以根据需要修改其他renderer函数来实现更多自定义的属性。