declare const JSON: {
id: number;
}[];
export default JSON;
:root {
--small-screen: 500px;
}
.sidebar { background: red; }
@media (max-width: var(--small-screen)) {
:root {
--small-screen: 1000px;
}
.sidebar { background: green; }
}
new
? Имхо, это перебор. Не отвалятся у вас руки три лишних символа написать, и это будет куда нагляднее чем непонятные излишние функции.function exportConstruct<P extends any[], T>(classFromExport: { new (...args: P): T; }):
(...args: P) => T {
return (...args) => new classFromExport(...args);
}
function exportCallable<T extends { new (...args: any[]): any; }>(classFromExport: T) {
return new Proxy(classFromExport, {
apply(ctor, _, args) {
return new ctor(...args);
}
}) as T & ((...args: ConstructorParameters<T>) => InstanceType<T>);
}
const Lol = exportCallable(class Lol extends BaseLol {
constructor(public name: string) {
super();
this.name = name.toUpperCase();
}
});
Lol('qwe');
abstract class Newable {
static new<P extends any[], T>(this: { new (...args: P): T; }, ...args: P): T {
return (new this(...args)) as T
}
}
class BaseLol extends Newable { /* ... */ }
class Lol extends BaseLol {
constructor(public name: string) {
super();
this.name = name.toUpperCase();
}
}
Lol.new('qwe');
const inputs = [...document.querySelectorAll('.input')];
inputs.forEach(n => n.addEventListener('input', onInput));
function onInput({ target: t }) {
if (t.value.length === t.maxLength) {
t.nextElementSibling?.focus();
}
if (inputs.every(n => n.value.length === n.maxLength)) {
// здесь дёргаете свою функцию
}
}
const Property = ({ data, onDelete }) => (
<div>
#{data.id}
<button onClick={onDelete}>Del</button>
</div>
);
const ConstructorPage = () => {
const [ properties, setProperties ] = useState([]);
const delProperty = property => setProperties(properties.filter(n => n !== property));
const addProperty = () => setProperties([
...properties,
{
id: 1 + Math.max(0, ...properties.map(n => n.id)),
},
]);
return (
<>
<button onClick={addProperty}>Add</button>
{properties.map(n => (
<Property
key={n.id}
data={n}
onDelete={() => delProperty(n)}
/>
))}
</>
);
};
export const getData = (axiosFunc, num, spinner = null) => (dispatch) => {
dispatch(setSpinner(spinner));
axiosFunc()
.then((response) => {
dispatch(setPosts(response.result, num));
})
.catch(console.log)
.finally(() => {
dispatch(closeSpinner());
});
};
// примеры вызова
getData (axiosGetBlog, 1, spinner)
getData (axiosGetPubl, 2, spinner)
getData (axiosGetMat, 3, spinner)
new Promise(resolve => {
// здесь код выполняется синхронно
resolve();
}).then(() => {
// здесь уже асинхронно, в ближайшем микротаске после вызова resolve выше
});
Promise.resolve().then(() => {
// здесь тоже асинхронно, в ближайшем микротаске
});
много вычисленийЭто не про асинхронность.
handleChange = (name) => ({ target }) => {
this.setState({ [name]: target.value });
};
handleChange = function(name) {
return function({ target }) {
this.setState({ [name]: target.value });
};
};
handleChange = function(name) {
return function(obj) {
this.setState({ [name]: obj.target.value });
};
};