The reaux-next from fe-combo

动机

基于 next ➕ reaux 数据流方案，统一数据流和应用结构，简化开发体验

reaux-next's People

Contributors

Stargazers

reaux-next's Issues

Unhandled Runtime Error Error: Hydration failed because the initial UI does not match what was rendered on the server.

组件中嵌套了 connect 后的 Module View 会导致渲染异常：
Unhandled Runtime Error: Hydration failed because the initial UI does not match what was rendered on the server. See more info here: https://nextjs.org/docs/messages/react-hydration-error

// moudles/home/components/Main.tsx
import React from "react";
import { View as AboutView } from "modules/about";
export default function Index() {
    return (
        <div className="home">
            <About />
        </div>
    )
}

// moudles/about/components/Main.tsx
import React from "react";
export default function Index() {
    return (
        <div className="home">
            <About />
        </div>
    )
}

// moudles/about/index.ts
import React from "react";
import Main from "./components/Main";
import { register, Model, helper } from 'reaux-next';
import {connect} from "reaux";
interface  State {name: string}
const initialState: State = {
  name: 'about',
};
class ActionHandler extends Model<State> {
  async onUpdate(...args){
    console.info("about onUpdate", args)
  }
}

export const { actions, View } = connect((state)=>({name: state.about?.name}))(register(
  new ActionHandler('about', initialState),
  Main,
));

Recommend Projects