Fluxible RouterFluxible 应用程序路由

联合创作 · 2023-10-01 11:17

Fluxible Router Fluxible 应用程序的路由。

特征:

  • 同构路由

  • 高阶组件处理历史和路径

  • nevigateAction 可用于改变路径

  • 更新至 React 0.13

  • 遵循磁通流动

示例代码:

var Fluxible = require('fluxible');
var Router = require('fluxible-router');
var React = require('react');
// Component
var App = React.createClass({
    mixins: [Fluxible.FluxibleMixin], 
// Calls onChange when storeListeners emit change
    statics: {
        storeListeners: [Store]
    },    
     getInitialState: function () {        
          return this.getStore(Store).getState();
    },    
     onChange: function () {        
          this.setState(this.getStore(Store).getState());
    },    render: function () {        
     return <span>{this.state.foo}</span>
    }
});
// App
var fluxibleApp = new Fluxible({
    component: App
});
fluxibleApp.registerStore(Store);
// Bootstrap
var context = fluxibleApp.createContext();
context.executeAction(action, 'bar', function () {    
console.log(React.renderToString(context.createElement()));
});
浏览 6
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报