Вам бонус- начислено 1 монета за дневную активность. Сейчас у вас 1 монета

Почему String Refs унаследованы? в REACT

Практика



Привет, Вы узнаете о том , что такое Почему String Refs унаследованы? в REACT, Разберем основные их виды и особенности использования. Еще будет много подробных примеров и описаний. Для того чтобы лучше понимать что такое Почему String Refs унаследованы? в REACT , настоятельно рекомендую прочитать все из категории Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend).

Если вы работали с React ранее, вы можете быть знакомы с более старым API, где 

ref
атрибут представляет собой строку, например 
ref={'textInput'}
, и узел DOM доступен как 
this.refs.textInput
Мы не советуем этого, потому что ссылки на строки имеют проблемы ниже и считаются устаревшими. Строковые ссылки были удалены в React v16 .

  1. Они заставляют React отслеживать текущий исполняемый компонент . Это проблематично, потому что это делает реагирующий модуль состоящим из состояния, и таким образом вызывает странные ошибки, когда реагирующий модуль дублируется в комплекте.
  2. Они не компонуются - если библиотека помещает ссылку на переданный дочерний элемент, пользователь не может добавить другую ссылку на него. Обратные ссылки идеально сочетаются.
  3. Они не работают со статическим анализом, как Flow. Flow не может угадать магию, которую использует фреймворк для отображения строки ref 
    this.refs
    , а также ее тип (который может отличаться). Ссылки на обратные вызовы более удобны для статического анализа.
  4. Это не работает, как большинство людей ожидают с шаблоном рендеринга обратного вызова (например)
    class MyComponent extends Component {
      renderRow = (index) => {
    // Это не будет работать. Об этом говорит сайт https://intellect.icu  . Ref будет привязан к DataTable, а не к MyComponent: 
    return <input ref={'input-' + index} />;
        // Это будет работать, хотя! Коллбэки рефс - это круто. 
    

        return <input ref={input => this['input-' + index] = input} />;
      }
    
      render() {
        return <DataTable data={this.props.data} renderRow={this.renderRow} />
      }
    }

Исследование, описанное в статье про Почему String Refs унаследованы? в REACT, подчеркивает ее значимость в современном мире. Надеюсь, что теперь ты понял что такое Почему String Refs унаследованы? в REACT и для чего все это нужно, а если не понял, или есть замечания, то не стесняйся, пиши или спрашивай в комментариях, с удовольствием отвечу. Для того чтобы глубже понять настоятельно рекомендую изучить всю информацию из категории Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend)

Из статьи мы узнали кратко, но содержательно про
создано: 2020-02-23
обновлено: 2021-03-13
132347



Рейтиг 9 of 10. count vote: 2
Вы довольны ?:


Поделиться:

Найди готовое или заработай

С нашими удобными сервисами без комиссии*

Как это работает? | Узнать цену?

Найти исполнителя
$0 / весь год.
  • У вас есть задание, но нет времени его делать
  • Вы хотите найти профессионала для выплнения задания
  • Возможно примерение функции гаранта на сделку
  • Приорететная поддержка
  • идеально подходит для студентов, у которых нет времени для решения заданий
Готовое решение
$0 / весь год.
  • Вы можите продать(исполнителем) или купить(заказчиком) готовое решение
  • Вам предоставят готовое решение
  • Будет предоставлено в минимальные сроки т.к. задание уже готовое
  • Вы получите базовую гарантию 8 дней
  • Вы можете заработать на материалах
  • подходит как для студентов так и для преподавателей
Я исполнитель
$0 / весь год.
  • Вы профессионал своего дела
  • У вас есть опыт и желание зарабатывать
  • Вы хотите помочь в решении задач или написании работ
  • Возможно примерение функции гаранта на сделку
  • подходит для опытных студентов так и для преподавателей



Комментарии


Оставить комментарий
Если у вас есть какое-либо предложение, идея, благодарность или комментарий, не стесняйтесь писать. Мы очень ценим отзывы и рады услышать ваше мнение.
To reply

Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend)

Термины: Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend)