mirror of
https://github.com/gosticks/DefinitelyTyped.git
synced 2026-06-28 22:30:01 +00:00
Add openImageDialog to types of react-qr-reader (#43983)
* Add openImageDialog to types * add test
This commit is contained in:
4
types/react-qr-reader/index.d.ts
vendored
4
types/react-qr-reader/index.d.ts
vendored
@@ -24,6 +24,8 @@ declare namespace QrReader {
|
||||
|
||||
export as namespace QrReader;
|
||||
|
||||
declare class QrReader extends React.Component<QrReader.props> {}
|
||||
declare class QrReader extends React.Component<QrReader.props> {
|
||||
openImageDialog: () => void;
|
||||
}
|
||||
|
||||
export = QrReader;
|
||||
|
||||
@@ -12,3 +12,29 @@ export class Test extends React.Component {
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
const test: React.FC = () => {
|
||||
const qrRef = React.useRef<QrReader>(null);
|
||||
|
||||
const handleScan = (data: string | null) => {
|
||||
};
|
||||
|
||||
const handleError = (err: any) => {
|
||||
};
|
||||
|
||||
qrRef.current!.openImageDialog();
|
||||
|
||||
return <>
|
||||
<div>
|
||||
<QrReader
|
||||
ref={qrRef}
|
||||
delay={300}
|
||||
facingMode={"environment"}
|
||||
showViewFinder={false}
|
||||
onError={handleError}
|
||||
onScan={handleScan}
|
||||
style={{ width: '90%', height: '90%' }}
|
||||
/>
|
||||
</div>
|
||||
</>;
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user