Size: a a a
S
case LVL1_CHECKBOX:Норм или лучше как-то под другому?
const products = state.products.map(c => {
if (c.id == action.payload.id) {
c.chosen = action.payload.checked
}
return c;
});
state.products = products;
return state;
return { ...state, products }Д
AP
return { ...state, products }AQ
AP
const products = state.products.map(c => логика);саму компонент который с чекбоксами сделал через
return {...state, products}
mapStateToProps на случай если проблема в нём - ничего не изменилось.export const Tree: React.FC<InjectedProps> =
({category, id, catalogCheck }) => {
const checkboxHandler = (e:*чекбокс*) => {
catalogCheck(e.target.checked, id)
};
let subtree;
if (category.chosen) {subtree = (*подкатегория*)}
else {subtree = <span></span>;}
return (
<div >
<input
type="checkbox"
onChange={checkboxHandler}
checked={category.chosen}
id={xxx} />
<label htmlFor={xxx}>{category.name}</label>
{subtree}
</div >
)
}
export default connect(mapStateToProps, {catalogCheck})(Tree);
AP
const products = state.products.map(c => логика);саму компонент который с чекбоксами сделал через
return {...state, products}
mapStateToProps на случай если проблема в нём - ничего не изменилось.export const Tree: React.FC<InjectedProps> =
({category, id, catalogCheck }) => {
const checkboxHandler = (e:*чекбокс*) => {
catalogCheck(e.target.checked, id)
};
let subtree;
if (category.chosen) {subtree = (*подкатегория*)}
else {subtree = <span></span>;}
return (
<div >
<input
type="checkbox"
onChange={checkboxHandler}
checked={category.chosen}
id={xxx} />
<label htmlFor={xxx}>{category.name}</label>
{subtree}
</div >
)
}
export default connect(mapStateToProps, {catalogCheck})(Tree);
Д
AQ
Д
Д
AQ
AQ
Д
Д
OM
PS C:\Users\Oleksii\Projects\twitter\my-app> yarn start
yarn run v1.21.1
$ react-scripts start
C:\Users\Oleksii\Projects\twitter\my-app\node_modules\react-scripts\scripts\utils\verifyTypeScriptSetup.js:239
appTsConfig.compilerOptions[option] = value;
^
TypeError: Cannot assign to read only property 'jsx' of object '#<Object>'
at verifyTypeScriptSetup (C:\Users\Oleksii\Projects\twitter\my-app\node_modules\react-scripts\scripts\utils\verifyTypeScriptSetup.js:239:43)
at Object.<anonymous> (C:\Users\Oleksii\Projects\twitter\my-app\node_modules\react-scripts\scripts\start.js:31:1)
at Module._compile (internal/modules/cjs/loader.js:1158:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1178:10)
at Module.load (internal/modules/cjs/loader.js:1002:32)
at Function.Module._load (internal/modules/cjs/loader.js:901:14)
at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:74:12)
at internal/main/run_main_module.js:18:47
OM
OM
Д