About Path Operation
path-operation is a tool for operating object
Why use Path Operation
path-operation makes complex object easier to operating
Usage
install
npm install path-operation
- Common Usage
const obj = a: b: 2 c: d: 4 const pathObj = const bPath = const cPath = const dPath = // { a: { b: 3, c: { d: 4 } } } // { a: { b: 3, c: { d: 4, f: 8 } } } // { a: { b: 3, c: { d: 10, f: 8 } } }
- Redux Usage
const state = app: name: 'puppy' age: 18 const pathStatestate const pathName = const pathAge = // reducer /**state = { app: { name: 'jack', age: 18 } }*//**state = { app: { name: 'jack', age: 19 } }*//**state = { app: { name: 'jack', age: 20 } }*/
- Redux Middleware redux-po
API
// - Config default: {defaultPath: [], mutable: true, pathMap: null}const state = app: name: 'puppy' age: 18 const path = // if not set default path, equal path(['app', 'age']) 👇const pathAge = // if config mutable is false, inner state is immutable// {...xxx, age: 19} // {...xxx, age: 19}
- use path map config
const path = 'jack' // {...xxx, name: 'jack'}20 // {...xxx, age: 20}