Dva: рдореЙрдбрд▓ рдХрд╛ рдбрд┐рдЬрд╛рдЗрди

рдХреЛ рдирд┐рд░реНрдорд┐рдд 8 рджрд┐рд╕ре░ 2016  ┬╖  11рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: dvajs/dva

рдХреНрдпрд╛ рдореЙрдбрд▓ рдореЗрдВ рдореЙрдбреНрдпреВрд▓ рдХреЗ рд╡рд┐рднрд╛рдЬрди рдХреЛ "рдкреГрд╖реНрда рдЕрдХреНрд╖рд╛рдВрд╢" рдпрд╛ "рдбреЗрдЯрд╛ рдЕрдХреНрд╖рд╛рдВрд╢" рд╕реЗ рд╡рд┐рднрд╛рдЬрд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдП?

рдЬреИрд╕реЗ:
рдореЗрд░реЗ рдЖрд╡реЗрджрди рдореЗрдВ "рдбреЗрдЯрд╛" --- рд╕рдорд╛рдЪрд╛рд░ рд╕рдорд╛рдЪрд╛рд░ + рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ + рдЯрд┐рдкреНрдкрдгреА (3 рдбреЗрдЯрд╛ рд╕реНрд╡рддрдВрддреНрд░)
рдореЗрд░реЗ рдЖрд╡реЗрджрди рдореЗрдВ "рдкреЗрдЬ" --- рд╣реЛрдордкреЗрдЬ рд╣реЛрдордкреЗрдЬ + рдпреВрдЬрд░рдкреЗрдЬ рдорд╛рдп рдкреЗрдЬ (рджреЛрдиреЛрдВ рдЕрд▓рдЧ-рдЕрд▓рдЧ рдбрд┐рдЧреНрд░реА рдХреЗ рдКрдкрд░ "рдбреЗрдЯрд╛" рдореЗрдВ рдореЙрдбрд▓ рдФрд░ рдХреНрд░рд┐рдпрд╛ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВрдЧреЗ)

1. рд╣реЛрдордкреЗрдЬ рдореЙрдбрд▓ рдФрд░ рдпреВрдЬрд░рдкреЗрдЬ рдореЙрдбрд▓ рдмрдирд╛рдПрдВ
HomePageModel рдореЗрдВ рд╕рдорд╛рдЪрд╛рд░+рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреА рдХреНрд░рд┐рдпрд╛ рдФрд░ рдореЙрдбрд▓ рдбрд┐рдЬрд╝рд╛рдЗрди рдХрд░реЗрдВ
UserPageModel рдореЗрдВ User+Comment рдХреА рдХреНрд░рд┐рдпрд╛ рдФрд░ рдореЙрдбрд▓ рдбрд┐рдЬрд╝рд╛рдЗрди рдХрд░реЗрдВ

2. NewsModel, UserModel рдФрд░ CommentModel рдХреА рд╕реНрдерд╛рдкрдирд╛ рдХрд░реЗрдВ
HomePage рдкреЗрдЬ рдореЗрдВ NewsModel рдФрд░ UserModel рдореЙрдбреНрдпреВрд▓ рдХрдиреЗрдХреНрдЯ рдХрд░реЗрдВред UserPage рдкреЗрдЬ рдореЗрдВ UserModel рдФрд░ CommentModel рдореЙрдбреНрдпреВрд▓ рдХрдиреЗрдХреНрдЯ рдХрд░реЗрдВред

рдореБрдЭреЗ рдХрд┐рд╕ рддрд░рд╣ рд╕реЗ рдореЙрдбрд▓ рдХреЛ рдЖрдзрд╛рд░ рдкрд░ рдбрд┐рдЬрд╛рдЗрди рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП?

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

@sorrycc
рджреВрд╕рд░реЗ рд╢рдмреНрджреЛрдВ рдореЗрдВ, рдореИрдВ "рдбреЗрдЯрд╛ рдЕрдХреНрд╖рд╛рдВрд╢" рдФрд░ "рдкреГрд╖реНрда рдЕрдХреНрд╖рд╛рдВрд╢" рдХреЛ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдЕрд▓рдЧ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ, рд╡рд┐рднрд┐рдиреНрди рдореЙрдбрд▓ рдмрдирд╛ рд╕рдХрддрд╛ рд╣реВрдВ, рд╕рдВрдмрдВрдзрд┐рдд "рдкреГрд╖реНрда рдЕрдХреНрд╖рд╛рдВрд╢" рдореЙрдбрд▓ рдФрд░ рдкреГрд╖реНрда рдореЗрдВ рдЖрд╡рд╢реНрдпрдХ "рдбреЗрдЯрд╛ рдЖрдпрд╛рдо" рдореЙрдбрд▓ рдХрдиреЗрдХреНрдЯ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ, рд╣реИ рдирд╛? ред

function mapStateToProps(state) {
  return {
    // цХ░цНоч╗┤х║жхИЫх╗║чЪДmodel
    users: state.users,
    comments:state.comments,
    // щб╡щЭвч╗┤х║жхИЫх╗║чЪДmodel
    homePage:state.homePage,
  };
}

рд╕рднреА 11 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

@рдирд┐рдХреЛрдЧреБ
рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдЙрджрд╛рд╣рд░рдг рдореЗрд░реЗ рдкреНрд░рд╢реНрди рдХрд╛ рдЙрддреНрддрд░ рдирд╣реАрдВ рджреЗрддрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕ рдЙрджрд╛рд╣рд░рдг рдореЗрдВ рдХреЗрд╡рд▓ "рдПрдХ рдкреГрд╖реНрда" + "рдПрдХрд▓ рдбреЗрдЯрд╛" рд╢рд╛рдорд┐рд▓ рд╣реИ
рддреЛ рдЗрд╕реЗ "рдкреГрд╖реНрдареЛрдВ" рджреНрд╡рд╛рд░рд╛ рдореЙрдбрд▓ рдХреЛ рд╡рд┐рднрд╛рдЬрд┐рдд рдХрд░рдиреЗ рдХреЗ рд░реВрдк рдореЗрдВ рд╕рдордЭрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ, рдпрд╛ рдЗрд╕реЗ "рдбреЗрдЯрд╛" рдХреЗ рдЕрдиреБрд╕рд╛рд░ рдореЙрдбрд▓ рдХреЛ рд╡рд┐рднрд╛рдЬрд┐рдд рдХрд░рдиреЗ рдХреЗ рд░реВрдк рдореЗрдВ рд╕рдордЭрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред
рдкреАрдПрд╕: рдпрд╣рд╛рдВ рдЙрд▓реНрд▓рд┐рдЦрд┐рдд "рдкреЗрдЬ" рдбрд┐рд╡реАрдЬрди рдореЙрдбрд▓ рдкреНрд░рддреНрдпреЗрдХ рдкреГрд╖реНрда рдХреЗ рд▓рд┐рдП рдПрдХ рдореЙрдбрд▓ рдХреЗ рдирд┐рд░реНрдорд╛рдг рдХреЛ рд╕рдВрджрд░реНрднрд┐рдд рдХрд░рддрд╛ рд╣реИ, рдФрд░ "рдбреЗрдЯрд╛" рдбрд┐рд╡реАрдЬрди рдореЙрдбрд▓ рдкреНрд░рддреНрдпреЗрдХ рд╕реНрд╡рддрдВрддреНрд░ рдбреЗрдЯрд╛ рдЗрдХрд╛рдИ рдпрд╛ рд╡реНрдпрд╛рд╡рд╕рд╛рдпрд┐рдХ рддрд░реНрдХ рдХреЗ рд▓рд┐рдП рдПрдХ рдореЙрдбрд▓ рдХреЗ рдирд┐рд░реНрдорд╛рдг рдХреЛ рд╕рдВрджрд░реНрднрд┐рдд рдХрд░рддрд╛ рд╣реИред

рдЗрд╕ рдЙрджрд╛рд╣рд░рдг рдХреА рд╕рдордЭ:
1. "рдкреЗрдЬ" рдбрд┐рд╡реАрдЬрди рдореЙрдбрд▓ --- рдпрджрд┐ рдХреЛрдИ рдирдпрд╛ рдкреЗрдЬ рд╣реИ, рддреЛ рдкреЗрдЬ рдЯрд┐рдкреНрдкрдгрд┐рдпреЛрдВ рдХреА рд╕реВрдЪреА рдФрд░ рдЙрд╕рд╕реЗ рд╕рдВрдмрдВрдзрд┐рдд рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рд╕реВрдЪреА рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рддрд╛ рд╣реИред рдлрд┐рд░ рдЖрдкрдХреЛ рдЗрд╕ рдирдП рдкреГрд╖реНрда рдХреЗ рд▓рд┐рдП рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП usersAndMessages рдирд╛рдордХ рдПрдХ рдореЙрдбрд▓ рдмрдирд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред
2. "рдбреЗрдЯрд╛" рдореЙрдбрд▓ рдХреЛ рд╡рд┐рднрд╛рдЬрд┐рдд рдХрд░рдирд╛ --- рдпрджрд┐ рдЖрдкрдХреЛ рдЗрд╕ рдкреГрд╖реНрда рдкрд░ рдЯрд┐рдкреНрдкрдгрд┐рдпреЛрдВ рдХреА рд╕реВрдЪреА рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ, рддреЛ рдЖрдкрдХреЛ рдЯрд┐рдкреНрдкрдгрд┐рдпреЛрдВ рдирд╛рдордХ рдПрдХ рдЕрдиреНрдп рдореЙрдбрд▓ рдмрдирд╛рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред

рдореЗрд░реА рд╕рдордЭ рдпрд╣ рд╣реЛрдиреА рдЪрд╛рд╣рд┐рдП рдХрд┐ рдПрдХ "рдкреГрд╖реНрда" рдПрдХ "рдореЙрдбрд▓" рд╕реЗ рдореЗрд▓ рдЦрд╛рддрд╛ рд╣реИред
рд▓реЗрдХрд┐рди рдХреБрдЫ рд╣рд┐рд╕реНрд╕реЛрдВ рдХреЗ рд╕рд╛рде рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рд╕реЗ рдХреИрд╕реЗ рдирд┐рдкрдЯреЗрдВ рдЬрд┐рдиреНрд╣реЗрдВ "рдкреГрд╖реНрдареЛрдВ" рдХреЗ рдмреАрдЪ рдкреБрди: рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ?
рдЕрдВрдд рдореЗрдВ, рд╣рдореЗрдВ рдкреБрди: рдЙрдкрдпреЛрдЧ рдХреА рдЬрд╛рдиреЗ рд╡рд╛рд▓реА рдХреНрд░рд┐рдпрд╛рдУрдВ рдФрд░ рд░рд┐рдбреНрдпреВрд╕рд░ рдХреЛ рдореЙрдбрд▓ рд╕реЗ рдЕрд▓рдЧ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП?
рд▓реЗрдХрд┐рди рдХреНрдпрд╛ рдпрд╣ рд░реЗрдбрдХреНрд╕ рд▓рд┐рдЦрдиреЗ рдХреЗ рдкрд╛рд░рдВрдкрд░рд┐рдХ рддрд░реАрдХреЗ рдкрд░ рд╡рд╛рдкрд╕ рдирд╣реАрдВ рдЖрддрд╛ рд╣реИ?

рдореЗрд░реА рд╕рдордЭ рдпрд╣ рд╣реЛрдиреА рдЪрд╛рд╣рд┐рдП рдХрд┐ рдПрдХ "рдкреГрд╖реНрда" рдПрдХ "рдореЙрдбрд▓" рд╕реЗ рдореЗрд▓ рдЦрд╛рддрд╛ рд╣реИред

рдореЙрдбрд▓ рдФрд░ рдкреЗрдЬ рдХреЛ рдПрдХ рджреВрд╕рд░реЗ рдХреЗ рдЕрдиреБрд░реВрдк рд╣реЛрдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реИред рдЙрдиреНрд╣реЗрдВ рдЕрд▓рдЧ рд╕реЗ рдбрд┐рдЬрд╝рд╛рдЗрди рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ, рдФрд░ рдкреЗрдЬ рдкрд░ рдЖрд╡рд╢реНрдпрдХ рд╕рднреА рдбреЗрдЯрд╛ рдХрдиреЗрдХреНрдЯ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред

@sorrycc
рджреВрд╕рд░реЗ рд╢рдмреНрджреЛрдВ рдореЗрдВ, рдореИрдВ "рдбреЗрдЯрд╛ рдЕрдХреНрд╖рд╛рдВрд╢" рдФрд░ "рдкреГрд╖реНрда рдЕрдХреНрд╖рд╛рдВрд╢" рдХреЛ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдЕрд▓рдЧ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ, рд╡рд┐рднрд┐рдиреНрди рдореЙрдбрд▓ рдмрдирд╛ рд╕рдХрддрд╛ рд╣реВрдВ, рд╕рдВрдмрдВрдзрд┐рдд "рдкреГрд╖реНрда рдЕрдХреНрд╖рд╛рдВрд╢" рдореЙрдбрд▓ рдФрд░ рдкреГрд╖реНрда рдореЗрдВ рдЖрд╡рд╢реНрдпрдХ "рдбреЗрдЯрд╛ рдЖрдпрд╛рдо" рдореЙрдбрд▓ рдХрдиреЗрдХреНрдЯ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ, рд╣реИ рдирд╛? ред

function mapStateToProps(state) {
  return {
    // цХ░цНоч╗┤х║жхИЫх╗║чЪДmodel
    users: state.users,
    comments:state.comments,
    // щб╡щЭвч╗┤х║жхИЫх╗║чЪДmodel
    homePage:state.homePage,
  };
}

@ рдЬрд╝реАрд░реЛрдЬрд╝рд╛рдХреА0752 рд╣рд╛рдБред

@sorrycc рдзрдиреНрдпрд╡рд╛рдж! ! !

рдПрдХ рдЕрдиреНрдп рдкреНрд░рд╢реНрди рдбрд┐рд╕реНрдХрд╡рд░реА рдбреЗрдореЛ рдСрдлрд╝ рдПрдХреНрд╢рди рдореЗрдВ рдХреБрдЫ рд╕рдорд╕реНрдпрд╛рдУрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╣реИ
1. рдореЙрдбрд▓ рдореЗрдВ рдкреНрд░рднрд╛рд╡ рдФрд░ рд░реЗрдбреНрдпреВрд╕рд░ рдореЗрдВ рдкрд░рд┐рднрд╛рд╖рд┐рдд рд╡рд┐рдзрд┐рдпрд╛рдВ, рдХреБрдЫ рдореЙрдбрд▓ рджреНрд╡рд╛рд░рд╛ рдЖрдВрддрд░рд┐рдХ рд░реВрдк рд╕реЗ рдЙрдкрдпреЛрдЧ рдХреА рдЬрд╛рддреА рд╣реИрдВ, рдФрд░ рдХреБрдЫ рдХреЛ рджреГрд╢реНрдп рджреНрд╡рд╛рд░рд╛ рдмреБрд▓рд╛рдпрд╛ рдЬрд╛рдирд╛ рд╣реИ (рдХреЛрдИ рд╕реНрдкрд╖реНрдЯ рднреЗрдж рдирд╣реАрдВ рд╣реИ)
2. рдбреЗрдореЛ рдореЗрдВ, рдХрд╛рд░реНрд░рд╡рд╛рдИ рдХреЛ рдХреЙрд▓ рдХрд░рдиреЗ рдХреЗ рджреГрд╢реНрдп рдХреЛ рдЗрд╕ рддрд░рд╣ рдкреНрд░реЗрд╖рдг "рдиреЗрдорд╕реНрдкреЗрд╕/рдлрд╝рдВрдХреНрд╢рдирдирд╛рдо" рдХрд╣рд╛ рдЬрд╛рддрд╛ рд╣реИ
3. рджреВрд╕рд░рд╛ рдкреИрд░рд╛рдореАрдЯрд░ mapDispatchToProps рдХрдиреЗрдХреНрдЯ рдХрд░рддреЗ рд╕рдордп рдкрд╛рд╕ рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИ

рдореЗрд░рд╛ рдЕрдкреЗрдХреНрд╖рд┐рдд рдкреНрд░рднрд╛рд╡ рдореЙрдбрд▓ рдореЗрдВ рджреГрд╢реНрдп рджреНрд╡рд╛рд░рд╛ рдмреБрд▓рд╛рдП рдЬрд╛рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдХреЛ рд╕рдорд╛рд╣рд┐рдд рдХрд░рдирд╛ рд╣реИ, рдФрд░ рдлрд┐рд░ mapDispatchToProps рдХреЛ рджреГрд╢реНрдп рдореЗрдВ рдЖрдпрд╛рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдФрд░ рдХрд╛рд░реНрд░рд╡рд╛рдИ рдХреЛ рд╕реАрдзреЗ props.namespace_functionName рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдкреНрд░рддреНрдпреЗрдХ рдмрд╛рд░ рдкреНрд░реЗрд╖рдг рдХрд┐рдП рдмрд┐рдирд╛ рджреГрд╢реНрдп рдореЗрдВ рдЯреНрд░рд┐рдЧрд░ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред

рдореБрдЭреЗ рдЖрд╢реНрдЪрд░реНрдп рд╣реИ рдХрд┐ рдХреНрдпрд╛ рдпрд╣ рдЙрдЪрд┐рдд рд╣реИ? рдХреНрдпрд╛ рдпрд╣ рд╕рдВрднрд╡ рд╣реИ?

рдпрд╣ рдПрдХ рд╡реНрдпрдХреНрддрд┐рдЧрдд рдЖрджрдд рд╣реИ, рдореИрдВ рдкреНрд░реЗрд╖рдг (рдХрд╛рд░реНрд░рд╡рд╛рдИ) рд╡рд┐рдзрд┐ рдкрд╕рдВрдж рдХрд░рддрд╛ рд╣реВрдВред

mapDispatchToProps рдкреИрд░рд╛рдореАрдЯрд░ рдХрд╛рд░реНрд░рд╡рд╛рдИ рдХреЛ рдмрд╛рдзреНрдп рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрдиреЗрдХреНрдЯ рдореЗрдВ рдкрд╛рд░рд┐рдд рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдХреНрдпрд╛ рдЖрдк рдХрд┐рд╕реА рднреА рдореЙрдбрд▓ рдореЗрдВ рдХрд╛рд░реНрд░рд╡рд╛рдИ рдореЗрдВ рд╕реНрдерд╛рдирд╛рдВрддрд░рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдкреНрд░реЗрд╖рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?

рдШрдЯрдХ рдЬреЛ connect рдЙрд╕рдХреЗ рдкрд╛рд╕ dispatch рдХрд╛ рд╕рд╣рд╛рд░рд╛ рд╣реЛрдЧрд╛ред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

hanxiansen picture hanxiansen  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

MiaoXingGua picture MiaoXingGua  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

not3 picture not3  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

ljjsimon picture ljjsimon  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

pengfeiWang picture pengfeiWang  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ