Как пробросить cnt из дочернего компонента родителю в render react?

Question

[kirill321592]

Делаю подсветку dom элементов по поиску. Render подсвченных элементов взял из плагина (код ниже), работает норм, но как теперь вывести их количество в родительском компоненте? Пробовал через родительскокую callback фнукцию showCnt пробросить, но в render ее нельзя вызвать,а в componentDidUpdate работает с запозданием.

cnt:[],

render: function () {

    var p = this.props,
        highlightStart = p.string.search(p.highlight);

    if (!p.highlight || highlightStart === -1) {
        return h('span', null, p.string);
    }
    var highlightLength = p.highlight.source.length,
        highlightString = p.string.substr(highlightStart, highlightLength);

    this.cnt.push(highlightString);
    this.props.showCnt(this.cnt.lenght);
    return (
        h('span', null,
            p.string.split(p.highlight).map(function (part, index) {
                return h('span', { key: index },
                    index > 0 ?
                        h('span', { className: 'json-inspector__hl' }, highlightString) :
                        null,
                    part);
            }))
    )

}

Comments

[Петр Мухуров]

положить cnt в родителя?

Answer 1

[Лев Забудкин]

Да, это не запоздание, так и есть, это механизм самой машины. 0.5 сек. Ниже никак.

Comments

[kirill321592]

дело не в этом, запоздание в смысле когда я ввожу в инпут новое значенеи, оно рендерит значение на шаг ранеее

[Лев Забудкин]

быстрее чем вводите? :)

[kirill321592]

Лев Забудкин, оно сделано через сабмит