Модальное окно с картинкой

185
25 июля 2018, 13:30

Как вызвать child компонент, по которому кликнули, в модальное окно? Например, нажимаю по картинке, в модальном окне появляется она же с блоком для комментария.

Answer 1

Делаете для своего child компонента отдельную функцию:

renderChild = () => {
    return <img src="your.path" />
}

Вызываете эту функцию внутри parent компонента:

render() {
    return (
        <div>
             // ваш код
             {this.renderChild()}
        </div>
    )
}

И для модального окна, эту функцию передаете в props-ах:

<Modal 
    image={this.renderChild}
/>

Внутри render-а в модальном окне делаете

render() {
    return (
         <div>
              {this.props.image()}
         </div>
    )
}
READ ALSO
Как получить текущие состояние react

Как получить текущие состояние react

Вопрос такой: есть два компонента в первом компоненте есть состояние которое меняется когда идет скрол страницы оно же передается через...

193
javascript сортировка option и value по алфавиту

javascript сортировка option и value по алфавиту

На странице есть списки например

173
Своя реализация Drag and Drop

Своя реализация Drag and Drop

Задание: Реализовать собственный Drag and Drop

194
Как сделать чтобы в переменой (а) менялась буква?

Как сделать чтобы в переменой (а) менялась буква?

Как сделать чтобы в переменой (а) менялась буква?

156