Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 18.09.2018, 01:28
Аспирант
Отправить личное сообщение для Георгий777 Посмотреть профиль Найти все сообщения от Георгий777
 
Регистрация: 23.01.2017
Сообщений: 35

Вопросы по react js
Здравствуйте, подскажите, пожалуйста, почему не отображается данный код:

https://jsfiddle.net/kxcu3g6o/7/
Ответить с цитированием
  #2 (permalink)  
Старый 18.09.2018, 05:20
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

Потому что у вас ошибки...

0. У вас используется JSX, если вы всё-таки хотите, что бы это был JavaScript, то можете перевести при помощи сервиса babeljs.io.

Далее нумерация идёт, как указано тут jsfiddle.net/kxcu3g6o.

1. У вас в JSX на 60-ой строке написано `this.removeItem(item.id)`, но вы наверное не хотите удалять сразу создаваемое, так что замените на `this.removeItem.bind(this, item.id)`

2. На 28-ой строке `this.setState(items);`, но вы наверное не хотите устанавливать в состояние ключи массива, так что замените на `this.setState({ items });`

3. На 18-ой строке `let newObj = { id:5, text: newItemVal, done: false}`, но вы наверное не хотите, чтобы все дела имели одинаковый id. Например, в состоянии можно хранить индекс, который увеличивается на один после каждого созданного дела. Так что замените на `let newObj = { id: this.state.i, text: newItemVal, done: false}`. Также добавьте её изменение после добавления нового дела.

4. Строка 38. Сколько не свети красным, оно не удалится... Пример удаления
this.setState({
	items: this.state.items.filter(item => item.id !== i)
});


5. Строка 27. Вожможно вы не хотите изменять массив, описывающии предыдущее состояние!

Конечный результат c изменениями: jsfiddle.net/kxcu3g6o ✨Оно работает✨
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
JS Coaching для стартапа OlgaAyva Работа 12 27.09.2011 22:18
Картинка обрабатывается js 4yBaK Общие вопросы Javascript 10 11.09.2011 09:28
Срочно JS developer okp Работа 13 23.08.2011 16:16
Срочно JS developer okp Работа 7 14.06.2011 14:54
Вопросы по JS и mysql alkelar Общие вопросы Javascript 5 08.04.2011 11:26