ok, it tried to play a little with DVA (btw, sources quite hard to read. E.g.: https://github.com/d-band/fef (fork of dva) is much easier and cleaner to read).

Here are steps to make it work with my router (https://github.com/plandem/rrrouter):

import React from 'react';
import createDva from 'dva/lib/createDva';

import { createMiddleware, HashHistory, reducer as routing } from 'rrrouter-provider-redux';

export default createDva({
	mobile: false,
	initialReducer: {
		routing,
	},
	defaultHistory: new HashHistory(),
	routerMiddleware: (history) => createMiddleware(history),
	setupHistory(history) {

	},
});

and init app like this:

import './index.html';
import React from 'react';
import dva from './utils/dva';
import Router from 'rrrouter';
import { Provider } from 'rrrouter-provider-redux';

const app = dva();

const IndexPage = (props) => <div>index page</div>;
const NotFound = (props) => <div>Not Found</div>;

// 2. Model
app.model(require('./models/app'));

// 3. Router
app.router((props) =>(
	<Provider stateKey='routing' initHref='/'>
		<Router>
			<Router.Match path='/' handler={IndexPage}/>
			<Router.Miss handler={NotFound}/>
		</Router>
	</Provider>
));

// 4. Start
app.start('#root');

If remove dependency of React-Router and do some code cleanup, then I would be quite happy with current implementation.

Separate data and view (including router and react) #530

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions