mirror of
https://github.com/reactjs/react.dev.git
synced 2026-02-27 03:08:06 +00:00
chore: minor tweaks and run prettier
This commit is contained in:
@@ -1,36 +0,0 @@
|
||||
/**
|
||||
* Copyright (c) 2013-present, Facebook, Inc.
|
||||
*
|
||||
* @emails react-core
|
||||
*/
|
||||
|
||||
import CodeEditor from '../components/CodeEditor';
|
||||
import React from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
|
||||
// TODO This is a huge hack.
|
||||
// Remark transform this template to split code examples and their targets apart.
|
||||
const mountCodeExample = (containerId, code) => {
|
||||
const container = document.getElementById(containerId);
|
||||
const parent = container.parentElement;
|
||||
|
||||
const children = Array.prototype.filter.call(
|
||||
parent.children,
|
||||
child => child !== container,
|
||||
);
|
||||
children.forEach(child => parent.removeChild(child));
|
||||
|
||||
const description = children
|
||||
.map(child => child.outerHTML)
|
||||
.join('')
|
||||
.replace(/`([^`]+)`/g, '<code>$1</code>');
|
||||
|
||||
ReactDOM.render(
|
||||
<CodeEditor code={code}>
|
||||
{<div dangerouslySetInnerHTML={{__html: description}} />}
|
||||
</CodeEditor>,
|
||||
container,
|
||||
);
|
||||
};
|
||||
|
||||
export default mountCodeExample;
|
||||
Reference in New Issue
Block a user