I'm trying to add some React libraries (react-draggable
, react-xarrows
, and react-zoom-pan-pinch
), which I normally would just install via npm
, to the code snippet section on Stack Overflow. There is a button to add external .css
and .js
, but it doesn't let me do something similar to an npm install
.
How do I do this? I'm trying to post a question but it would be helpful to have a functional code snippet.
EDIT: Added script issue with react-zoom-pan-pinch
const App = () => {
const handler = () => {
console.log('handler firing');
};
const transformOptions = {
limitToBounds: false,
minScale: 0.25,
maxScale: 3
};
return (
<div>
{/*<TransformWrapper
options={transformOptions}
>
<TransformComponent>*/}
<ReactDraggable
defaultPosition={{x: 0, y: 0}}
onStart={handler}
onDrag={handler}
onStop={handler}>
<div>
<div className="handle">Drag from here</div>
</div>
</ReactDraggable>
{/*</TransformComponent>
</TransformWrapper> */}
</div>
);
};
ReactDOM.render(<App />, document.getElementById('root'));
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/web/react-draggable.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@tiendeo/[email protected]/dist/index.min.js"></script>
<div id="root"></div>