Kann ich Mops (Ex-Jade) mit Reaktionsrahmen verwenden?

ch habe einige Mops-Dokumentationen gelesen. Es heißt, dass ich zuerst den Mops installieren muss und das habe ich schon getan. dann muss ich mops in meiner js datei benötigen. aber ich weiß nicht, wo ich die Kompilierung für die Mops-Datei in meine React-Dateien schreiben soll? Was sind die richtigen Schritte, um Mops im Reaktionsrahmen zu verwenden? Vielen Dank! Ich habe jede Hilfe sehr geschätzt. hier ist eine meiner komponenten in der reaktion, dass ich es mit mops rendern möchte.

 import React from 'react';
 import Sidebar from './Sidebar';
 import Header from './header/Header';
 import {tokenverify} from '../../utils/helpers';
 import pug from 'pug';

 class Home extends React.Component {
   componentDidMount() {
     const token = localStorage.getItem('token')
     tokenverify(token)
     .catch((res) => {
       this.props.history.push('/')
     })
   }

   render() {
     return(
       <div className="main-container">
         <div className="col-md-1">
           <Sidebar history={this.props.history} username={this.props.params.username}/>
         </div>
         <div className="col-md-11">
           <div className="row">
             <Header history={this.props.history} username={this.props.params.username} />
           </div>
           <div className="row">
             {this.props.children}
           </div>
         </div>
       </div>
     )
   }
 }

 export default Home

Antworten auf die Frage(4)

Ihre Antwort auf die Frage