Custom block wrappers not working as in docs

Do you want to request a feature or report a bug? bug

What is the current behavior? I am trying to add a custom id to headers (for a table of contents). I am following the example, and I get an error about this not being defined. I using the exact code as per docs.

What is the expected behavior? props should be passed through to custom wrapper

Which versions of Draft.js, and which browser / OS are affected by this issue? Did this work in previous versions of Draft.js? Chrome Latest (macOS) draft-js 0.9.1

[oscarmorrison]

@aight8 I was able to achieve what I was going for using a custom element:

const HEADERS = {
    'header-one': 'h1',
    'header-two': 'h2',
    'header-three': 'h3',
    'header-four': 'h4',
    'header-five': 'h5',
};

const blockRenderMapGenerator = editorState => {

    let contentState = editorState.getCurrentContent();

    const Header = props => {
        let {key} = props.children;
        let block = contentState.getBlockForKey(key);
        let id = block.getData().get('id');
        let type = block.getType();
        const Tag = HEADERS[type] || 'span';

        return (
            <Tag id={id}>
                {props.children}
            </Tag>
        );
    }

    const blockRenderMap = Immutable.Map({
        'header-one': {
            element: Header
        },

thankyou for you help!

[aight8]

oh I didn’t know that this works. thank you!