Javascript-форум (https://javascript.ru/forum/)
-   Оффтопик (https://javascript.ru/forum/offtopic/)
-   -   Обсуждений тред (https://javascript.ru/forum/offtopic/47364-obsuzhdenijj-tred.html)

Safort 22.02.2015 11:59

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

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

//...
{
            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}/>


Мб есть правильный способ?

cyber 22.02.2015 17:39

Кто читал http://www.ozon.ru/context/detail/id/20032936/ ? Как книга?

melky 22.02.2015 22:30

Safort, йо нига.

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

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

ну и соотв-о реакт эту инфу (о том, что компонент не делся никуда) использует при синхронизации реального ДОМ с виртуальным

cyber 24.02.2015 13:39

Цитата:

Сообщение от cyber
Кто читал http://www.ozon.ru/context/detail/id/20032936/ ? Как книга?

Ниужели не кому не интересна артхитектура пк?))

Zend 26.02.2015 17:56

Как вы думаете стоит на IO.js переходить? И почему?

Zend 26.02.2015 18:41

Цитата:

Сообщение от Gozar
Продам Величие оптом и на развес! Рассматриваю варианты мена МДП на другие П. расстройства...

Говорят что признание проблемы - половина решения. Давай выздоравливай. Верим в тебя.

cyber 26.02.2015 22:37

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

Safort 26.02.2015 22:48

Zend,
Цитата:

Как вы думаете стоит на IO.js переходить? И почему?
Если задаёшь такой вопрос, то, наверное, нет)
Какие у цели? В io.js пока нет каких-то кардинальных отличий от Node.js 0.12. Лично для себя можно экспериментировать, но продакшен пока не нужно переводить. Почему? Потому, что io.js молодой проект и нужно подождать и посмотреть как он будет развиваться дальше.

Zend 27.02.2015 00:41

Цитата:

Сообщение от Safort
Node.js 0.12

После этой версии я и задумался. Глючновата она.
write after end..... не замечали ни чего такого?

cyber 27.02.2015 01:22

Сделал так
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;
    };


Но неужели нет встроенного метода, которым это можно сделать?
Не могу найти


Часовой пояс GMT +3, время: 17:03.