peerDependencies - это особый тип зависимости, который может возникнуть только в том случае, если вы публикуете свой собственный пакет.
Наличие peerDependencies означает, что вашему пакету нужна такая же зависимость, как и человеку, устанавливающему ваш пакет. Используется для таких пакетов, как react, которые должны иметь единственную копию react-dom, которая также используется человеком, устанавливающим его.
[
{
"nameEnglish": "name 1",
"name": "имя 1"
},
{
"nameEnglish": "name 2",
"name": "имя 2"
},
{
"nameEnglish": "name 3",
"name": "имя 3"
}
]
function getNameByEnglishName(englishName) {
const el = json.find((el) => el.nameEnglish === englishName);
return el.name;
}
Starting with Create React App 4, you can add asrc/service-worker.js
file to your project to use the built-in support for Workbox'sInjectManifest
plugin, which will compile your service worker and inject into it a list of URLs to precache.
const BaseComponent = styled.div`
color: black;
`;
const Component = styled(({ className, ...props }) => <BaseComponent calendarClassName={className} {...props} />)`
color: white;
`;
BaseComponent
распространяются на className
.Component
на calendarClassName
. const cloneObject = (o, count = 1) => {
const objects = new Array(count).fill(o);
return objects.map((obj, index) => ({ ...obj, id: obj.id + index }));
};
useEffect(() => {
titleRef.current.addEventListener('keyup', addTodo); // <-- ???
return () => titleRef.current.removeEventListener('keyup', addTodo);
}, [])
return (
<> // <-- ???
<input
type="text"
value={ title }
onChange={ e => setTitle(e.target.value) }
ref={ titleRef }
/>
</> // <-- ???
);
function addTodo(e) {
if(e.keyCode === keyCodeEnter) { // <-- e.key === "Enter"
props.addTodoCreator({
title: title,
isCompleted: false,
color: 0,
});
}
}
const Header = ({ addTodoCreator }) => {
const [title, setTitle] = useState("");
const addTodo = (e) => {
if (e.key === "Enter") {
addTodoCreator({
title: title,
isCompleted: false,
color: 0,
});
}
};
return (
<input
type="text"
value={title}
onChange={(e) => setTitle(e.target.value)}
onKeyUp={addTodo}
/>
);
};
channel.send("Test").then(message => console.log(message.id));
const message = await channel.send("Test");
console.log(message.id);
import { withRouter } from "react-router-dom";
class MyComponent extends React.Component {
...
render() {
const { history } = this.props;
...
}
}
export default withRouter(MyComponent);
history.push
- заменять не надо.withFormik()
https://jaredpalmer.com/formik/docs/api/withFormik. const [myToken, setMyToken] = useState(
localStorage.getItem("myToken")
);