Headings are missing anchors / ids

# h1

parse =>

<h1>h1</h1>

not

<h1 id="h1">h1</h1>

[Ratstail91]

This should be a core feature. I shouldn’t have to go out of my way to implement something that is a core markdown feature.

[rexxars]

It’s hard to know how to address these headers, so I’ve decided to leave it out of the core. You can achieve the same functionality by using a Header renderer:

function flatten(text, child) {
  return typeof child === 'string'
    ? text + child
    : React.Children.toArray(child.props.children).reduce(flatten, text)
}

function HeadingRenderer(props) {
  var children = React.Children.toArray(props.children)
  var text = children.reduce(flatten, '')
  var slug = text.toLowerCase().replace(/\W/g, '-')
  return React.createElement('h' + props.level, {id: slug}, props.children)
}

<Markdown
  source="# Some heading!\n\nAnd a paragraph"
  renderers={{Heading: HeadingRenderer}}
/>

JSbin example here