Question

在我的项目中，我需要一个usbkey才能登录。 usbkey的界面是Activex。以jquery方式，代码如下所示：

<html>
     <object style='display:none' 
      classid='clsid:28540C7-D724-4156-9E42-12BD' 
      codebase='Active/RaActive.CAB#version==-1,-1,-1,-1'  
      id='Ctrl'></object>
     <scrpit>
       $(document).ready(function() {
        Ctrl.initUxtApi();
       }
     </scrpit>
</html>

如何将其更改为reactjs方式？以下代码是我的反应方式，但我认为这不是一个好方法。

class USBKey extends Component {

 componentDidMount() {
 const Ctrl = document.getElementById('Ctrl');
 console.log(Ctrl);
 let loginflag = -1;
 loginflag = Ctrl.initUxtApi();
 console.log(loginflag);
}

activeX ()
{
  return {__html: '<object style=\'display:none\' 
 classid=\'clsid:1221012-212-4156-9E42-121212\' ' +
'codebase= \'/RaActive.CAB#version==-1,-1,-1,-1\' ' +
' id=\'Ctrl\'></object>'}
};

render() {
 return (
  < div >
    <div dangerouslySetInnerHTML={this.activeX()} />
  </ div >
);}
}

我将阅读UsbKey的认证并将其发送到云端。像这样： Ctrl.readCert();

如何在Reactjs中使用ActiveX？

0 个答案: