React
React - это библиотека JavaScript для создания пользовательских интерфейсов.React упрощает разработку простых представлений для каждого состояния в вашем приложении.React может эффективно обновлять и отображать только нужные компоненты при изменении данных вашего приложения.Декларативные представления делают ваш код более предсказуемым и простым при отладке.Поскольку логика компонента написана на JavaScript, а не на шаблонах, вы можете легко передавать расширенные данные через ваше приложение и не допускать состояния в HTML DOM .Это, в свою очередь, помогает создавать инкапсулированные компоненты, которые управляют своим собственным состоянием, а затем компоновать их для создания сложных пользовательских интерфейсов.
render ()
render()это единственный метод в жизненном цикле , который существует в нескольких фазах жизненного цикла.Это происходит здесь в Рождение , и именно здесь мы проводим много времени в Рост .
Визуализация реквизита
render prop относится к методике совместного использования кода между компонентами React с использованием свойства, значение которого является функцией.Компонент с реквизитом рендеринга берет функцию, которая возвращает элемент React, и вызывает его вместо реализации собственной логики рендеринга.Пример:
<DataProvider render={data => (
<h1>Hello {data.target}</h1>
)}/>
Компонент React
Компоненты React реализуют метод render(), который принимает входные данные и возвращает то, что отображать.Входные данные, которые передаются в компонент, могут быть доступны с помощью render() через this.props.В следующем примере используется XML-подобный синтаксис с именем JSX:
Код:
class HelloMessage extends React.Component {
render() {
return (
<div>
Hello {this.props.name}
</div>
);
}
}
ReactDOM.render(
<HelloMessage name="CrispJam" />,
document.getElementById('hello-example')
);
Результат:
Hello CrispJam
Заключение
Таким образом, нет выхода для редактирования исходного кода React без полного понимания.Однако стратегии Locator одинаково хороши для определения местоположения и идентификации элементов на основе статических и динамических атрибутов.
Соответствующее обсуждение можно найти в: