2017-12-08 3 views
0

生成されたバーコードを印刷しようとしていますが、JSON.stringifyと他のすべての情報源を使って試した[オブジェクト、オブジェクト]として印刷されます。誰かがこれを行う最善の方法を提案することができます。反応バーコードを印刷するPDF形式に変換する

var printWindow = window.open('', '', 'height=400,width=800'); 
    printWindow.document.write('<html><head><title>DIV 
     Contents</title>'); 
    printWindow.document.write('</head><body >'); 
    for(var i=0; i<selectedRows.length;i++){ 
     printWindow.document.write(
      <Barcode 
      value="Rakesh"//{this.state.value} 
      width="2" 
      height="100" 
      format="CODE128" 
      displayValue="" 
      fontOptions="" 
      font="monospace" 
      textAlign="center" 
      textPosition="bottom" 
      textMargin="2" 
      fontSize="20" 
      background="#ffffff" 
      lineColor="#000000" 
      margin="10" 
      marginTop="" 
      marginBottom="" 
      marginLeft="" 
      marginRight="" 
     /> 
     ); 
    } 
    printWindow.document.write('</body></html>'); 
    printWindow.document.close(); 
    // printWindow.print(); 

答えて

0

、使用しているリアクトのバージョンに応じて、あなたはReact.renderToStringReact.renderComponent、またはReactDOMServer.renderToString呼び出しでそのコンポーネントをラップします。もちろんこれは、React/ReactDOMServerがポップアップウィンドウジェネレータのスコープ内にあることを確認する必要があることを意味します。 this answerも参照してください。

var ReactDOMServer = require('react-dom/server'); 
// ... 

ReactDOMServer.renderToString(<Barcode 
     value="Rakesh"// {this.state.value} 
     width="2" 
     height="100" 
     format="CODE128" 
     displayValue="" 
     fontOptions="" 
     font="monospace" 
     textAlign="center" 
     textPosition="bottom" 
     textMargin="2" 
     fontSize="20" 
     background="#ffffff" 
     lineColor="#000000" 
     margin="10" 
     marginTop="" 
     marginBottom="" 
     marginLeft="" 
     marginRight="" 
    /> 
) 
関連する問題