A React plugin for reading or capturing card data from magnetic swipe readers.
npm install react-card-swipe
import React from "react"
import CardSwipe from 'react-card-swipe'
class SearchPatient extends React.Component {
constructor(props) {
super(props)
this.state = {
swipeData: {}
}
CardSwipe.init({
success: this.handleSwipeSuccess,
debug: false
})
}
handleSwipeSuccess = (swipeData) => {
console.log(swipeData)
this.setState({
swipeData: swipeData
})
}
render() {
return (
<React.Fragment>
<pre>{JSON.stringify(this.state.swipeData) }</pre>
</React.Fragment>
)
}
}
This plugin was originally of CarlRaymond/jquery.cardswipe. This instance simply ports the functionalities into a React plugin.