Зарегистрируйтесь, чтобы продолжить обучение

Передача свойств в компоненты — Reactjs: Начало

Видео может быть заблокировано из-за расширений браузера. В статье вы найдете решение этой проблемы.

Остались вопросы? Задайте их в разделе «Обсуждение»

Вам ответят команда поддержки Хекслета или другие студенты

Открыть доступ

Курсы программирования для новичков и опытных разработчиков. Начните обучение бесплатно

130 курсов, 2000+ часов теории
1000 практических заданий в браузере
360 000 студентов

Наши выпускники работают в компаниях:

Используйте Хекслет по-максимуму!

Задавайте вопросы по уроку
Проверяйте знания в квизах
Проходите практику прямо в браузере
Отслеживайте свой прогресс

Зарегистрируйтесь или войдите в свой аккаунт

Курс «Reactjs: Начало»
↳ Урок «Передача свойств в компоненты»

Александр Полуян

ТСТопик закрыт

05 марта 2017

Скажите пожалуйста, если в index.js будет такой

Code (possible spoiler)
import ReactDOM from 'react-dom';
import Header1 from './Header1';
 
const text = 'hello';
 
ReactDOM.render(
  // BEGIN (write your solution here)
  <Header text = {text} />
  // END
  document.getElementById('container')
);

он не должен работать, т.к. мы импортируем Header1 а не Header, но тесты все равно проходят, почему?

Kirill MokevninПоддержка

07 марта 2017

Проблема тестов. Они проверяют только сам компонент. Вы можете легко в этом убедиться если откроете их и посмотрите что там импортируется.

Курс «Reactjs: Начало»
↳ Урок «Передача свойств в компоненты»

Дмитрий Самохвалов

ТСТопик закрыт

02 февраля 2017

index.js не проверяется тестами.

Kirill MokevninПоддержка

03 февраля 2017

Вы правы. К сожалению, в данной ситуации, это сложно.

Курс «Reactjs: Начало»
↳ Урок «Передача свойств в компоненты»

Игорь Пушкарский

ТСТопик закрыт

25 июля 2016

Парни поправьте если я не прав, в задании про props есть опечатка.

У Вас написано, и тестирование завершается постоянно таймаутом Error: timeout of 3000ms exceeded. Ensure the done() callback is being called in this test.

Code (possible spoiler)
ReactDOM.render(
  // BEGIN (write your solution here)
  <Header text = { text }/>,
  // END
  document.getElementById('container')
);

А если исправить на, то все замечательно. Я заменил ReactDOM на просто React.

Code (possible spoiler)
React.render(
  // BEGIN (write your solution here)
  <Header text = { text }/>,
  // END
  document.getElementById('container')
);

Показать ещё комментарии (1)

Игорь ПушкарскийТС

27 июля 2016

Понял, спасибо :)

Курс «Reactjs: Начало»
↳ Урок «Передача свойств в компоненты»

Anatoliy Albert

ТСТопик закрыт

12 июля 2015

Здравствуйте! В курсе Reactjs, начиная с пятого урока, у меня не потгружаються практические задания

Показать ещё комментарии (3)

jeck48Студент

05 мая 2016

Да, спасибо, всё хорошо работает.

Курс «Reactjs: Начало»
↳ Урок «Передача свойств в компоненты»

Igor German

ТСТопик закрыт

26 июня 2015

в практике уже реализована одна часть задания, которая звучит так Отрисуйте компонент MyComponent передав туда переменную text как свойство. :) Возможно, это так и надо, но я ожидал другое. может, стоит тогда убрать это условие, либо убрать реализацию из заготовки, чтобы с толку не сбивало) А то задаешься вопросом, что же тебе нужно сделать, если все уже сделано..

Показать ещё комментарии (1)

Kirill MokevninПоддержка

27 июня 2015

Поправил. После сброса прогресса заработает.

	import ReactDOM from 'react-dom';
	import Header1 from './Header1';

	const text = 'hello';

	ReactDOM.render(
	// BEGIN (write your solution here)
	<Header text = {text} />
	// END
	document.getElementById('container')
	);

	ReactDOM.render(
	// BEGIN (write your solution here)
	<Header text = { text }/>,
	// END
	document.getElementById('container')
	);

	React.render(
	// BEGIN (write your solution here)
	<Header text = { text }/>,
	// END
	document.getElementById('container')
	);