小编Roy*_*Roy的帖子

我正在尝试创建一个可以呈现页眉和页脚的布局组件.所以,我可以在以后使用的布局像

<Layout> ... </Layout>

显然,我在页眉和页脚中使用了Routing.要做到这一点,我需要使用

<Router history...
 <Route path...

当我在layout.js中逐个执行此操作时(对于页眉和页脚:虽然我觉得这是错误的).有用.页眉和页脚显示在浏览器中.但是,它们无法正常工作.在刷新时,页脚消失,​​有时两者都消失,页眉和页脚.我坚信,一个接一个地渲染路由器是造成这种故障的原因,但我无法弄清楚正确的方法.此外,我不想使用以下代码段

header.js

import React from 'react';
import {Link} from 'react-router'
import {Navbar, NavItem} from 'react-materialize';

export default React.createClass({
  render(){
    return (
    <div>
      <Navbar brand='logo' right>
        <NavItem><Link to="/Home" activeClassName="active">Home</Link></NavItem>
        <NavItem><Link to="/Sign-In" activeClassName="active">Sign In</Link></NavItem>
        <NavItem><Link to="/Register" activeClassName="active">Register</Link></NavItem>
      </Navbar>
      {this.props.children}
    </div>
    )
  }
})

footer.js

import React, {Component} from 'react';
import {Link} from 'react-router'
import {Footer} from 'react-materialize';
import '../../resource/template.css'


class RT_Footer extends Component{ …

我正在尝试将React与Adonis Js集成以构建SPA.Adonis处理到SPA的路由

Route.any('*', function * (request, response) {
 yield response.sendView('home')
})

我在app> Http> routes.js中完成了这个

然后我在资源>视图中创建了一个home.njk,作为我的应用程序的登录页面.现在,我有一个反应文件,我创建了一个页脚.我想用React-router处理页脚中的所有链接.React路由器处理URL以导航到页面.但是,上面的代码(在Adonis中)说任何url(*)都会呈现'home'.这正是发生的事情.

怎么绕过它呢？谢谢!

我经历过

1. http://adonisjs.com/docs/3.1/database-hooks#_hooks_events
2. http://adonisjs.com/docs/3.1/encryption-and-hashing#_hashing_values
3. https://adonisjs.svbtle.com/basic-authentication-with-adonisjs#using-hash-provider_3
4. https://auth0.com/blog/creating-your-first-app-with-adonisj-and-adding-authentication/

还有一些.

这应该相当简单,但我不知道为什么我无法解决这个问题.我想在"登录"时使用Adonis的身份验证工具.为此,我需要在保存之前散列密码.我被困在这里.

视图

<h1>Sign up</h1>
{{ form.open({url: '/addNew', action: 'UserController.addNewUser'}) }}

{{ csrfField }}

<div class="field">
{{ form.label('username', 'Choose a username') }}
{{ form.text('username') }}
</div>

<div class="field">
{{ form.label('email', 'Enter email address') }}
{{ form.text('email') }}
</div>

<div class="field">
{{ form.label('password', 'Choose a strong password') }}
{{ form.password('password') }}
</div>

<div class="button">
{{ form.submit('Sign Up') }}
</div>

{{ form.close() }}

控制器:UserController

'use strict'

const Database = use('Database')
const User = use('App/Model/User')
const …