Не холивара ради, но имхо - классовый state гораздо читабельнее хука: заходишь на новый проект, а там простыня из useState, и у каждого свой setState метод. Одно дело, когда какой-нибудь подключаемый модуль, типа дропдауна или автокомплита, там хуки делают код чище. Но когда видишь огромные компоненты со сложной логикой, и на каждый чих - свой useState, это сбивает

Ререндер - и есть перерисовка

Не совсем вроде как

Ну тут много, сам факт, что компоненты вроде одинаковые

class Messages extends React.Component {
 constructor(props) {
   debugger;
   super(props);
   
  ...
 }

 render() {
   return (
     ...
   );
 }

 componentDidMount(){
   this.messagesDivRef.current.scrollTop = this.messagesDivRef.current.scrollHeight;
 }
 
}*/

const Messages = (props) => {

 let dialogsJsx = props.state.dialogsData.map((d) => (
   <Dialog name={d.name} id={d.id} />
 ));
 let messagesJsx = props.state.messagesData.map((m) => (
   <Message message={m.message} left={m.id % 2} />
 ));

 let msgTextArea = React.createRef();
 let messagesDivRef = React.createRef();

 let btn_send_click = () => {
   if (msgTextArea.current.value != "")
     props.addMessage(msgTextArea.current.value);
   msgTextArea.current.value = "";
 };

 return (
   ...
 );
};

Как можно применить стили с scss модуля к классу, который обозначен простым текстом?
Попробовал такую конфигурацию, но работает только с классами, которые тоже импортированы сo styles

Так не получится, потому что у scss добавляются префиксы к именам классов, а текстовый класс будет без префикса при сборке

А как тогда лучше это сделать? Нужно изменить стили библиотечных компонентов, которые имеют простые имена.

Создать отдельный .сss файл и импортить его?

Ни черта не понятно

Не использовать цсс модули в этом случае

Хорошо, спасибо

Можно сделать файл глобальных стилей и заимпортить его куда-нибудь в корневой компонент, должно сработать

👌

приветствую! подскажите как сделать таб внутри формы на react.js. мне нужно два таба, в зависимости от того, какой активен, выбирать(select и option) из разных категорий и отправлять форму.

Есть расширение для vs code что бы были пояснения/приписки как в webStorm?

покажи хотя бы верстку а то не совсем понятно

Можно в двух словах, я смотрю прост туторы и не совсем вдупляю, есть разница между state management ом и базой данных (явная)?

Может я прост не понял что это.. Ну тип данных хранит, только как-то локально. Нифига не понял 🤷‍♂️