просто я шшел к тому что когда отвечаешь комуто на чтото лучше было бы и обьяснить. когда code review делаешь не пишешь же просто Меняй. говоришь что не так. просто так он не понял бы что не так

если он знал бы правельно писать он бы не спрашывал здесь

Если честно я сам не понимаю, как правильно, но кей достаточно только для вехнего компонета

ну может и убого, но правильно. Ведь ul/ol - это список чего-либо. Тот же список ссылок. Можно выводить и иначе, но тогда ты игноришь спецификацию )

Всем привет, подскажите какую либу сегодня принято/лучше юзать для локализации?
Нашёл следующие варианты:
- react-i18next
 https://github.com/i18next/react-i18next
- react-localize-redux
 https://github.com/ryandrewjohnson/react-localize-redux
- react-intl (formatjs)
 https://github.com/formatjs/formatjs
- js-lingui
 https://github.com/lingui/js-lingui
- FBT
 https://github.com/facebook/fbt

Этого я не знаю, но если так, то тогда другие советы

1. изучи как работает dev tools
2. строго следуй документации, если опыта с реактом мало

Может Link это ul ( если кастомный но даже так неправельно но вполне возможно )

Link это на 99.99% не ul судя из качества кода

судя по качеству кода 99.99 что ul 😄

Однозначно мой изначальный совет был дан, по большей части не изза скрина с кодом, а интуитивно

react-i18next хороший выбор

Спасибо)

Не получается сделать такую проверку чтобы работал один раз и когда зависимости менялись все нормально работало

can i talk.in english here or portguese only

Как предотвратить потерю фокуса на textarea при вводе символов? key для textarea и render вместо component в реакт роутере не помогают, autoFocus не подходит

const [review, setReview] = useState({ productRating: 0, review: "" });

const handleTextarea = event => {
        const el = event.target;
        el.style.height = el.scrollHeight + 'px';
        setReview(prevState => {
            return { ...prevState, review: el.value };
        })
    }

const changeRating = event => {
        setReview(prevState => {
            return { ...prevState, productRating: event };
        })
    }

<ReactStars
                count={5}
                value={review.productRating}
                activeColor="#0F0F0F"
                color="#747474"
                size={16}
                onChange={changeRating}
            />
            <textarea
                value={review.review}
                onChange={handleTextarea}
                className="productLeaveReview__textarea">
            </textarea>

const [review, setReview] = useState({ productRating: 0, review: "" });

const handleTextarea = event => {
        const el = event.target;
        el.style.height = el.scrollHeight + 'px';
        setReview(prevState => {
            return { ...prevState, review: el.value };
        })
    }

const changeRating = event => {
        setReview(prevState => {
            return { ...prevState, productRating: event };
        })
    }

<ReactStars
                count={5}
                value={review.productRating}
                activeColor="#0F0F0F"
                color="#747474"
                size={16}
                onChange={changeRating}
            />
            <textarea
                value={review.review}
                onChange={handleTextarea}
                className="productLeaveReview__textarea">
            </textarea>

Работать  с хост енв  (dom в данном случае) только через реакт.

Всем привет, недавно работаю со styled компонентами, подскажите плес, с помощью styled.elem можно кастомизировать только нативный html? А если я хочу компонент застилизовать - не получается

Так это и есть реакт вроде, написал управляемый компонент так же, как и раньше, но здесь почему-то фокус теряется каждый раз при изменении стейта

В доке все есть.
styled(YourComponent)