react-markdown缩进怎么弄

在 React 中使用 `react-markdown` 时，可以通过 `renderers` 属性来自定义渲染 Markdown 的方式。如果你想要在渲染 Markdown 时实现缩进，可以在 `renderers` 属性中定义一个 `paragraph` 渲染器，并在其中添加自定义的样式。

下面是一个示例代码：

import ReactMarkdown from 'react-markdown';

const CustomParagraph = ({ children }) => (
  <p style={{ marginLeft: 20 }}>{children}</p>
);

const renderers = {
  paragraph: CustomParagraph,
};

const MyComponent = ({ markdown }) => (
  <ReactMarkdown renderers={renderers} children={markdown} />
);

在上面的代码中，我们定义了一个名为 `CustomParagraph` 的组件，它会渲染一个带有左侧缩进的段落。然后，我们将这个组件作为 `paragraph` 渲染器传递给 `react-markdown` 的 `renderers` 属性中。最后，在 `MyComponent` 中使用 `ReactMarkdown` 组件并传递 Markdown 内容和渲染器。

这样，当 `react-markdown` 渲染 Markdown 中的段落时，会使用我们自定义的 `CustomParagraph` 组件，并在其中添加了左侧缩进样式。