*,
*::before,
*::after {
padding: 0;
margin: 0;
box-sizing: border-box;
}
checkedIcon node The icon to display when the component is checked.
// MyContext.js
const Context = createContext(null);
const Provider = ({children}) => {
return (
<Context.Provider value={/* your state */}>{children}</Context.Provider>
)
}
const useYourValue = () => {
const value = useContext(Context);
if (!value) { /* handle case when context is used outside of Context provider */ }
return value
}
export {useYourValue, Provider}
// App.js
...
return (
<Provider>
<ComponentA />
{/* other components */ }
</Provider>
);
// ComponentA.js
import {useYourValue} from '../Context'
const ComponentA = () => {
const myValue = useYourValue();
// rest of component code
}
const inputs = document.querySelectorAll('.input-box input'); // находим все элементы input, у которого папа имеет класс input-box
const values = [];
inputs.forEach(input => {
values.push(input.value) // пушим значение каждого инпута в массив valeus
});
function recursionIsCool() {
$(".coconvert").load("loader.php?parm=1", (data) => {
if (data) recursionIsCool();
})
if (notAlreadyExecuted) { ... } // do something