Use bpmn-js to display BPMN 2.0 diagrams in a React application.
import ReactBpmn from 'react-bpmn';
function App(props) {
function onShown() {
console.log('diagram shown');
}
function onLoading() {
console.log('diagram loading');
}
function onError(err) {
console.log('failed to show diagram');
}
return (
<ReactBpmn
url="/public/diagram.bpmn"
onShown={ onShown }
onLoading={ onLoading }
onError={ onError }
/>
);
}To get the development setup make sure to have NodeJS installed. As soon as you are set up, clone the project and execute
npm install
npm run all
To run the example, execute npm run start and open http://localhost:9869/public in your Webbrowser.
MIT