Size: a a a

React — русскоговорящее сообщество

2021 June 03

YP

Yarik Pesochenski in React — русскоговорящее сообщество
Можно почекать на гитхабе исходный код крупных библиотек или нпм пакетов
источник

VV

Vadim Vorobyov in React — русскоговорящее сообщество
Опять же, это чистый JS))
В этом и сложность, что Реакт бы
источник

D

Dmitry in React — русскоговорящее сообщество
источник

VV

Vadim Vorobyov in React — русскоговорящее сообщество
Спасибо. А ещё найдётся?
источник

D

Dmitry in React — русскоговорящее сообщество
источник

VV

Vadim Vorobyov in React — русскоговорящее сообщество
Спасибчик
источник

aa

a a in React — русскоговорящее сообщество
источник

aa

a a in React — русскоговорящее сообщество
Переслано от a a
Image design using react js anyone can help me urgent assignment
источник

A

Ann in React — русскоговорящее сообщество
Всем привет, подскажите почему этот код показывает ошибку
class PhoneSignInMutation extends Mutation<startPhoneVerification, startPhoneVerificationVariables> {}

class PhoneLogin extends React.Component<RouteComponentProps<any>, IState> {
   public render() {
       const { history } = this.props;
       const { countryCode, phoneNumber } = this.state;

       return (
           <PhoneSignInMutation>
               {(phoneMutation, { loading }) => {
                   this.phoneMutation = phoneMutation;
                   return (
                       <PhoneLoginPresenter
                           countryCode={countryCode}
                           phoneNumber={phoneNumber}
                           onInputChange={this.onInputChange}
                           onSubmit={this.onSubmit}
                           loading={loading}
                       />
                   );
               }}
           </PhoneSignInMutation>
       );
   }
}

Ошибка на слове Mutation первого класса
Type 'typeof Mutation' is not a constructor function type.


а еще <PhoneSignInMutation>
выдает
TS2786: 'PhoneSignInMutation' cannot be used as a JSX component.   Its instance type 'PhoneSignInMutation' is not a valid JSX element.     Type 'PhoneSignInMutation' is missing the following properties from type 'ElementClass': render, context, setState, forceUpdate, and 3 more.
источник

aa

a a in React — русскоговорящее сообщество
Help me I can pay
источник

aa

a a in React — русскоговорящее сообщество
Urgent assignment using react technology I can submit tomorrow anybody please help me
источник

B1

BS 135 in React — русскоговорящее сообщество
да нифига нету такого
источник

B1

BS 135 in React — русскоговорящее сообщество
никто этим не занимается, показыванием кода
источник

СЖ

Сергей Железняк... in React — русскоговорящее сообщество
Всем привет. Подскажите пожалуйста. У меня есть навигационное меню. И при клике на какой-то пункт меню мне нужно чтобы к нему добавлялся класс активности. В файле Апп в теге
<Header onClickLinks={(name) => alert(name)} links={[
           'Главная', 'О нас', 'Команда', 'Каталог'
       ]}/>

я передаю массив. В файле компонента хедер у меня функциональный компонент, в пропсы я передаю этот массив и функцию. внутри неё три переменных
дальше идёт обычный хтмловский юл, а для лишек у меня уже прописана логика
const Header = ({links, onClickLinks}) => {
    const state = useState(null)
    const activeLink = state[0]
    const setActiveLink = state[1]


    <ul className="header-menu">
      {
        links.map((name, index) => (
           <li className = {`header-menu__item ${activeLink === index ? 'header-         menu__item_active' : ''}`} onClick={() => setActiveLink(index)} key={name}>
                <a href='/'>{name}</a>
            </li>
          ))
      }
}
этот код добавляет класс активности лишке на которую я кликнул, но потом обновляется страничка и сразу этот класс активности убирается

подскажите что не так в коде ? сорри за возможно сложные переносы в коде, просто сложно в тут этот норм отформатировать.
для примера оставлю одну лишку хмтловскую чтобы было понятно как это выглядит на хтмл уровне без логики
<li className="header-menu__item header-menu__item_active"><a href={HOME_ROUTE}>Главная</a></li>
источник

В

Вадим in React — русскоговорящее сообщество
Потсоны, у меня тут такая ситуация возникла: при диспатче экшена стэйт-менеджер возвращает новый стейт (что логично), но у меня отображение некоторого интерфейса завязано на взаимодействии с существующим стейтом, и таким образом при обновлении стейта после диспатча, у меня слетает отображение интерфейса, связанное со стейтом, так как старый стейт исчезает и появляется новый. Вопрос в том, можно ли как-то сделать так, чтобы при диспатче происходила мутабельность стейта, а не полное его обновление или каким-то ещё образом порешать эту проблему?
источник

АП

Андрей Парфененко... in React — русскоговорящее сообщество
по моему ты что-то не так делаешь, потому что если ты стейт через спред перезаписываешь со значением уже новым, то у тебя это место не должно изменится, так как рефы на данные остались старые, добавилось только новое поле
источник

В

Вадим in React — русскоговорящее сообщество
Ну смотри, у меня в стейте есть некоторый список, на который ссылается один компонент при отображении интерфейса. А в другом компоненте я делаю диспатч, который также взаимодействует с этим списком и изменяет там некоторые данные (с отображением интерфейса в первом компоненте эти данные не связаны), при этом он возвращает новый список, так как useReducer иммутабельный
источник

В

Вадим in React — русскоговорящее сообщество
Просто я же не могу только кусок этого списка изменить, и он каждый раз появляется новый при диспатче
источник

АП

Андрей Парфененко... in React — русскоговорящее сообщество
либо хранить в компоненте в каком-то стейте значение и перезаписывать его только когда у тебя данные старые и те что пришли со стора отличаются, либо попробовать как-то замемоизировать значение. На крайняк можно стор еще один создать или продублировать значение в сторе. Все равно не совсем понимаю как так получается.
источник

В

Вадим in React — русскоговорящее сообщество
источник