Question

我有一个React组件，并且我错误地使用了车把。我有一个使用把手构建的登录页面。

现在，我正在尝试使用React Facebook login，但是问题是我的登录页面视图是一个把手文件。如下所示，{{> socialLogin }}是我的Login With Facebook按钮。我被把手困住了，不确定在hbs文件中如何使用import FacebookLogin from 'react-facebook-login';。

是否有技巧将socialLogin.hbs转换为js文件，我可以使用facebook work导入并进行登录，还是将hbs文件转换为js的唯一方法？对我来说这将是很多工作，因此任何想法都会受到赞赏。这是我的第一个React应用程序，我开始考虑使用诸如手柄之类的模板引擎很聪明，但是我不知道自己会遇到这样的问题。

    <div class="registerHead text-center mb2">
        {{> socialLogin }}
      <strong class="text-mute">OR</strong>
    </div>

    <form class="form_login">
      <div class="form-control">
        <input type="text" name="username" value="" class="l_username" autofocus required spellcheck="false" autocomplete='false' placeholder='Username'>
      </div>
      <div class="form-control"><input type="password" name="password" value="" class="l_password" id='l_password' required placeholder='Password'>
        <span class="show_psswrd s_p_l">
          <i class="fas fa-lock"></i>
        </span>
      </div>
      <button type="submit" class="btn btn-primary" style="width: 100%;">
        <i class="material-icons mr2">lock_open</i>Login
      </button>
    </form>
    <div class="forgot_psswrd">
      <a href="forgot-password" class="a_pri" alt="Forgot your password">Forgot your password?</a>
    </div>
  </div>

</div>

{{> quickLogin}}
</div>

{{> footer }}

如何在React App中将js组件导入hbs？

0 个答案: