написал простенький HTML страницу + JS и попытался всё то же провернуть и она успешно выполниласьУ вас был какой-то работающий упрощённый вариант. Потом вы попытались его расширить, чтобы он рабтал с React. Но из этой попытки вы привели только один метод с console.log и говорите, что он "не вызывается". Как вы пытались этот код вызвать?
const submitHandler = (event:FormEvent<HTMLFormElement>) => {
event.preventDefault();
let type = 'product/ProductAdd';
let payload = {
id:nanoid(),
name:inputValue.name,
price:inputValue.price,
};
if (inputValue.id) {
type = 'product/ProductEdit';
payload.id = inputValue.id;
}
dispatch({type, payload})
setInputValue(initialState);
setCancel(false);
}
...
const onClickEdit = (id: string) => {
const selectedProduct = product.find((elem: { id: string }) => elem.id === id);
setInputValue({
id:selectedProduct.id,
name:selectedProduct.name,
price:selectedProduct.price,
});
setCancel(true);
}
.join()у автора уже есть и он как раз не нужен. От того, что строку обернули в массив, исходная задача не решится.