A React plugin for reading or capturing data from magnetic card readers.
npm install react-card-swipeA React plugin for reading or capturing card data from magnetic swipe readers.
#### Note: Requires a magnetic card reader to executed.
``sh`
npm install react-card-swipe
`js
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 (
{JSON.stringify(this.state.swipeData) }
)
}
}
``
This plugin was originally of CarlRaymond/jquery.cardswipe. This instance simply ports the functionalities into a React plugin.