Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #841 (permalink)  
Старый 22.02.2015, 11:59
Аватар для Safort
Профессор
Отправить личное сообщение для Safort Посмотреть профиль Найти все сообщения от Safort
 
Регистрация: 23.12.2013
Сообщений: 1,856

В тред призываются реактщики!

Значит, играюсь я Реактом и нужно мне вывести список комментариев(каждый коммент - компонент) с их номерами. Пишу так:

//...
{
            data.map(function(comment, i) {
              return (
                <Comment name={comment.name} mess={comment.mess} app={this} n={i}/>
              );
            }, this)
          }
//...


Мне в консоль вылетает это:
Цитата:
"Each child in an array should have a unique "key" prop. Check the render method of App. See http://fb.me/react-warning-keys for more information."
В предупреждении говорится, что нужно передать уникальный "key". Ок, переименовываю n в key.

<Comment name={comment.name} mess={comment.mess} app={this} key={i}/>


Всё ок, предупреждения больше нет, но внутри компонента Comment я не могу получить this.props.key. Как так? ;(

Пока что приходится делать так:

<Comment name={comment.name} mess={comment.mess} app={this} key={i} n={i}/>


Мб есть правильный способ?
Ответить с цитированием
  #842 (permalink)  
Старый 22.02.2015, 17:39
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 16.12.2011
Сообщений: 4,415

Кто читал http://www.ozon.ru/context/detail/id/20032936/ ? Как книга?
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
Ответить с цитированием
  #843 (permalink)  
Старый 22.02.2015, 22:30
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

Safort, йо нига.

key - в пределах одного компонента.
http://facebook.github.io/react/docs...namic-children

т.е. это не для использования - это для пометки того, что "вот этот вот Компонент никуда не делся - это перед ним и после него пасаны записались"

ну и соотв-о реакт эту инфу (о том, что компонент не делся никуда) использует при синхронизации реального ДОМ с виртуальным
Ответить с цитированием
  #844 (permalink)  
Старый 24.02.2015, 13:39
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 16.12.2011
Сообщений: 4,415

Сообщение от cyber
Кто читал http://www.ozon.ru/context/detail/id/20032936/ ? Как книга?
Ниужели не кому не интересна артхитектура пк?))
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
Ответить с цитированием
  #845 (permalink)  
Старый 26.02.2015, 17:56
Аватар для Zend
Профессор
Отправить личное сообщение для Zend Посмотреть профиль Найти все сообщения от Zend
 
Регистрация: 28.11.2009
Сообщений: 328

Как вы думаете стоит на IO.js переходить? И почему?
Ответить с цитированием
  #846 (permalink)  
Старый 26.02.2015, 18:41
Аватар для Zend
Профессор
Отправить личное сообщение для Zend Посмотреть профиль Найти все сообщения от Zend
 
Регистрация: 28.11.2009
Сообщений: 328

Сообщение от Gozar
Продам Величие оптом и на развес! Рассматриваю варианты мена МДП на другие П. расстройства...
Говорят что признание проблемы - половина решения. Давай выздоравливай. Верим в тебя.
Ответить с цитированием
  #847 (permalink)  
Старый 26.02.2015, 22:37
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 16.12.2011
Сообщений: 4,415

Чет я не вкурю есть ли у canvas нормальный метод что бы получить изображение, я знаю про toDataUrl, но мне нужно например 100х100 получить изображение 100х100 из канваса 500х500.
П.с Как сделать хак, я знаю.
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.

Последний раз редактировалось cyber, 26.02.2015 в 23:26.
Ответить с цитированием
  #848 (permalink)  
Старый 26.02.2015, 22:48
Аватар для Safort
Профессор
Отправить личное сообщение для Safort Посмотреть профиль Найти все сообщения от Safort
 
Регистрация: 23.12.2013
Сообщений: 1,856

Zend,
Цитата:
Как вы думаете стоит на IO.js переходить? И почему?
Если задаёшь такой вопрос, то, наверное, нет)
Какие у цели? В io.js пока нет каких-то кардинальных отличий от Node.js 0.12. Лично для себя можно экспериментировать, но продакшен пока не нужно переводить. Почему? Потому, что io.js молодой проект и нужно подождать и посмотреть как он будет развиваться дальше.
Ответить с цитированием
  #849 (permalink)  
Старый 27.02.2015, 00:41
Аватар для Zend
Профессор
Отправить личное сообщение для Zend Посмотреть профиль Найти все сообщения от Zend
 
Регистрация: 28.11.2009
Сообщений: 328

Сообщение от Safort
Node.js 0.12
После этой версии я и задумался. Глючновата она.
write after end..... не замечали ни чего такого?
Ответить с цитированием
  #850 (permalink)  
Старый 27.02.2015, 01:22
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 16.12.2011
Сообщений: 4,415

Сделал так
CropperJS.prototype.getSelectImage = function ( type ) {

        //TODO save image

        var img = new Image(),
            select = this._select,
            tempCanvas = document.createElement( "canvas" ),
            ctx = tempCanvas.getContext( "2d" );

        tempCanvas.width = select.width;
        tempCanvas.height = select.height;
        ctx.drawImage( this._image, select.x, select.y, select.width, select.height, 0, 0, select.width, select.height );

        img.src = tempCanvas.toDataURL( "image/" + type );
        return img;
    };


Но неужели нет встроенного метода, которым это можно сделать?
Не могу найти
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Смишных картинок тред megaupload Оффтопик 3436 16.06.2019 23:10
React'а тред melky Оффтопик 246 13.11.2016 08:07
Webpack'а тред nerv_ Сборка проекта, утилиты 58 07.05.2016 14:46
Смешных историй тред monolithed Оффтопик 11 04.03.2015 04:20
Смишных видео с намеком тред godofjavascript Оффтопик 4 30.12.2012 22:50