"combineReducers" API λ¬Έμμ μΌλΆλ‘ μ€λͺ
λ μμ μμ μ€ν μ΄ μμ± μ 맀κ°λ³μλ‘ "reducer"κ° " app.js "( let store = createStore(reducer)
) νμΌμ createStoreμ μ λ¬λ©λλ€.
κ·Έλ¬λ " reducers/index.js "μμ ν¨μ μ΄λ¦μ "reducer"κ° μλλΌ "combineReducers"μ
λλ€( export default combineReducers({..})
).
λ°λΌμ μ€ν μ΄ μμ± μ 맀κ°λ³μκ° "combineReducers"(μ: let store = createStore(combineReducers
))λ‘ μ λ¬λμ΄μλ μ λ©λκΉ?
λλ μλλΌκ³ λ§ν κ²μ΄λ€. μκ°ν΄λ³΄λ©΄ Reduxμλ κ°μκΈ° κΈ°λ₯μ΄ νλλ§ μμ΅λλ€. μ΄ μμ κ° combineReducers
λ₯Ό μ¬μ©νμ¬ ν΄λΉ κΈ°λ₯μ μμ±νλ€λ μ¬μ€μ ꡬν μΈλΆ μ¬νμ
λλ€. app.js
μ κ΄ν ν, ν΄λΉ ν¨μ λ΄λΆμμ λ¬΄μ¨ μΌμ΄ μΌμ΄λκ³ μλμ§, μ΄λ»κ² μμ±νλμ§ λλ 무μμ νκ³ μλμ§ μμ§ λͺ»νκ±°λ μ κ²½ μ°μ§ μμ΅λλ€.
λν reducers/index.js
κ° export default combineReducers({})
λ₯Ό μνν λ μ€μ λ‘ "combineReducers"λΌλ μ΄λ¦μ _λ§λλ_ κ²μ μλλλ€. "μ΄ ν¨μ νΈμΆμ κ²°κ³Όλ₯Ό κ°μ Έ μμ κΈ°λ³Έ λ΄λ³΄λ΄κΈ°λ‘ μ€μ νμμμ€."λΌκ³ λ§ν©λλ€. μ¬μ€, κΈ°μ μ μΌλ‘ κ·Έ μΆλ ₯μλ κ΄λ ¨λ μ€μ λ³μ μ΄λ¦μ‘°μ°¨ μμ΅λλ€.
λ§μ§λ§μΌλ‘ export default
λ₯Ό μνν λ κΈ°λ³Έ λ΄λ³΄λ΄κΈ°κ° μ΄λ€ νμΌμ κ°μ Έμ€λ λ‘컬 λ³μμ μνλ μ΄λ¦μ μ§μ ν μ μλ€λ μ μ μ μνμμμ€. ν΅ν μ¬μ΄νΈ. μ:
function someFunction(a, fred, randomVariableName) {}
const firstVariable = 1;
const theMeaningOfLife = 42;
const aTotallyUselessName = "Whatever";
someFunction(firstVariable, theMeaningOfLife, aTotallyUselessName);
ν¨μ μΈλΆμμ μ μν λ³μ μ΄λ¦μ΄ ν¨μ λ΄λΆμ 맀κ°λ³μ μ΄λ¦κ³Ό μΌμΉν νμκ° μλ€λ μ μ μ μνμμμ€.
λ§μ°¬κ°μ§λ‘ λ΄λ³΄λΌ λ:
// fileA.js
export default const aThing = 42;
// fileB.js
import iCanGiveThisAnyNameIWant from "fileA";
@markerikson μ΄λ¬ν νλ₯ν λ΅λ³μ κ°μ¬λ립λλ€.
@markerikson μ λ§ κ°μ¬ν©λλ€.
Reactμ λν μ§μμ λΉΌκ³ JQueryμ ν¨κ» Reduxλ₯Ό μ¬μ©νλ λ°©λ²μ λ°°μ°κ³ μμ΅λλ€. κ·νμ λ΅λ³μ μ΄μ React μ½λμ μμ λ₯Ό λ μ μ΄ν΄νλ λ° λμμ΄ λ©λλ€.
κ°μ₯ μ μ©ν λκΈ
λλ μλλΌκ³ λ§ν κ²μ΄λ€. μκ°ν΄λ³΄λ©΄ Reduxμλ κ°μκΈ° κΈ°λ₯μ΄ νλλ§ μμ΅λλ€. μ΄ μμ κ°
combineReducers
λ₯Ό μ¬μ©νμ¬ ν΄λΉ κΈ°λ₯μ μμ±νλ€λ μ¬μ€μ ꡬν μΈλΆ μ¬νμ λλ€.app.js
μ κ΄ν ν, ν΄λΉ ν¨μ λ΄λΆμμ λ¬΄μ¨ μΌμ΄ μΌμ΄λκ³ μλμ§, μ΄λ»κ² μμ±νλμ§ λλ 무μμ νκ³ μλμ§ μμ§ λͺ»νκ±°λ μ κ²½ μ°μ§ μμ΅λλ€.λν
reducers/index.js
κ°export default combineReducers({})
λ₯Ό μνν λ μ€μ λ‘ "combineReducers"λΌλ μ΄λ¦μ _λ§λλ_ κ²μ μλλλ€. "μ΄ ν¨μ νΈμΆμ κ²°κ³Όλ₯Ό κ°μ Έ μμ κΈ°λ³Έ λ΄λ³΄λ΄κΈ°λ‘ μ€μ νμμμ€."λΌκ³ λ§ν©λλ€. μ¬μ€, κΈ°μ μ μΌλ‘ κ·Έ μΆλ ₯μλ κ΄λ ¨λ μ€μ λ³μ μ΄λ¦μ‘°μ°¨ μμ΅λλ€.λ§μ§λ§μΌλ‘
export default
λ₯Ό μνν λ κΈ°λ³Έ λ΄λ³΄λ΄κΈ°κ° μ΄λ€ νμΌμ κ°μ Έμ€λ λ‘컬 λ³μμ μνλ μ΄λ¦μ μ§μ ν μ μλ€λ μ μ μ μνμμμ€. ν΅ν μ¬μ΄νΈ. μ:ν¨μ μΈλΆμμ μ μν λ³μ μ΄λ¦μ΄ ν¨μ λ΄λΆμ 맀κ°λ³μ μ΄λ¦κ³Ό μΌμΉν νμκ° μλ€λ μ μ μ μνμμμ€.
λ§μ°¬κ°μ§λ‘ λ΄λ³΄λΌ λ: