45 lines
786 B
JavaScript
Executable File
45 lines
786 B
JavaScript
Executable File
/**
|
|
* External dependencies
|
|
*/
|
|
import { Component } from '@wordpress/element';
|
|
import React from 'react';
|
|
|
|
class Example extends Component {
|
|
state = {
|
|
example: null,
|
|
};
|
|
|
|
componentDidMount() {
|
|
this.getExample();
|
|
}
|
|
|
|
async getExample() {
|
|
let exampleComponent;
|
|
|
|
try {
|
|
exampleComponent = require( `../../packages/components/src/${ this.props.filePath }/docs/example` );
|
|
} catch ( e ) {
|
|
// eslint-disable-next-line no-console
|
|
console.error( e );
|
|
}
|
|
|
|
if ( ! exampleComponent ) {
|
|
return;
|
|
}
|
|
|
|
this.setState( {
|
|
example: React.createElement(
|
|
exampleComponent.default || exampleComponent
|
|
),
|
|
} );
|
|
}
|
|
|
|
render() {
|
|
const { example } = this.state;
|
|
|
|
return <div className="woocommerce-devdocs__example">{ example }</div>;
|
|
}
|
|
}
|
|
|
|
export default Example;
|