Как по клику создать теги в react?

SerjAndreev, никак, это не было ответом)

Как по клику создать теги в react?

SerjAndreev, push() возвращает последний добавленный элемент, а не массив

return {
  elem: [...state.elem, { id: state.elem.length + 1, tag: "div" }]
}

Хук useEffect, как использовать реквизит, но не обновлять его?

Сомневаюсь, что реакт добавил это предупреждение, скорее всего это добавил eslint, соответственно, избавиться от него можно добавлением /* eslint-disable **rule** */ перед useEffect. Можно отморозиться, и написать const onChange = useCallback(() => ..., [bar1, bar2, by, byOptions]), а в useEffect использовать onChange, но это такое себе
Можно объявить onInitialize выше, там воткнуть всю эту шляпу, и пробросить туда, где юзается useEffect

Как по клику создать теги в react?

SerjAndreev, если вы юзаете редакс - используйте стор

Как по клику создать теги в react?

SerjAndreev, нет, я считаю, нужно разобраться, правильно ли держать в сторе коллекцию компонентов) Если правильно - все ок, если нет - тогда в сторе держать коллекцию объектов, которая потом будет уже в рендере мапится в компоненты

Как по клику создать теги в react?

SerjAndreev, если вы работаете с редакс, то да, хотя я не уверен, что в сторе правильно хранить коллекцию реактовских компонентов

Как по клику создать теги в react?

по кликам создавай объекты типа

{
  C: "div",
  props: { ... }
}

складывай их в массив, клади в стейт и забрасывай в main, а там рендери

{
  map(components, ({ C, props }) => <C {...props />)
}

или клади в массив сразу, без ненужной прослойки

state = {
  components: []
}
this.setState(prevState => {
  ...prevState,
  components: [...prevState.components, <div key={`div_${prevState.components.length + 1}`}>div</div>]
})

и как children отдавай в пропсы для main

<main>
  {this.state.components}
</main>

Не могу пройти челендж ...?

Quintis,

var filteredList = watchList.filter(n => n.imdbRating >= 8).map(n => ({ title: n.Title, rating: n.imdbRating }))

Как составить регулярное выражение для строки?

/M(.*)A(.*)0,0,1(.*)$/

Как отрезать не помещающийся текст?

Одиночка Айс, где в вопросе хоть слово про адаптив? Это вообще другой разговор

Как отрезать не помещающийся текст?

Одиночка Айс, это задача исключительно фронта, тем более что слишком много исходящих данных (ширина и ее постоянное изменение, размер шрифта, который может болтаться в em, и меняться от вьюхи к вьюхе и от дизайна к дизайну

Как отрезать не помещающийся текст?

Одиночка Айс, в реальности за хождение за хидерами с просьбой обрезать "как получится" текст и добить его многоточием отрывают руки

Как отрезать не помещающийся текст?

Одиночка Айс, каким образом подбирается оптимальное количество символов?) "40-50"?)

Как отрезать не помещающийся текст?

Одиночка Айс, при чем здесь всесильность? Вы хотите пальцем в небо брать количество символов, отправлять их в параметрах гет-запроса, и заставлять сервер обрезать и добивать многоточием, зачем? Какую задачу это решает, если мы не знаем, сколько символов влезает? И на каждый ресайз нам опять делать гет-запрос с пальцем в небо количество символов?) "Всесильность" для данной конкретной задачи реализовывается добавлением 3 css свойств

Как отрезать не помещающийся текст?

Одиночка Айс, зачем тогда забирать с бэка хидеры для карточек, обрезая их

на 40-50 символов и поставит многоточие в конце, все

, какой смысл? Тем более заранее не зная количество символов, которые влезут по ширине? Более дикого бреда я не слышал

Как отрезать не помещающийся текст?

Одиночка Айс, как бэк может узнать, сколько эти 40-50 символов займут реального места, если текст не моноширинный? 40 символов WWWW... имеют большую ширину, чем 40 символов iiii...

Как выровнять контент по центру элемента?

kaleon, залейте код в песочницу

Как выровнять контент по центру элемента?

Сергей Сунцев, значит, вы неправильно подбирали кит

Можно ли использовать файлы TSX и JSX в одном проекте?

Можно, настраиваете лоадеры в webpack для (js|jsx) + (ts|tsx), и вперед

Как выровнять контент по центру элемента?

Сергей Сунцев, юзать готовый ui-kit и не использовать то, что там есть из коробки, а писать свои костыли - это плохо
в доки можно заглядывать