Как получить значение реакции компонента - AceEditor

Question

Я столкнулся следующие проблемы при использовании AceEditor реагировать компоненту https://github.com/securingsincity/react-ace

Я использую AceEditor в качестве входных данных пользователя, после того, как пользователь вводит код, он (она) нажимает на кнопку Run , (см. рисунок) Как извлечь текст, который вводит пользователь из компонента AceEditor?

Answer 1

Вы должны подписаться на onChange события (объяснено в документации) и сохранить значение, переданное в функцию обратного вызова где-то, возможно, в component's state, если кнопка Run находится на той же странице. Затем, когда пользователь нажимает на кнопку просто получить его с помощью this.state.xxx

Answer 2

AceEditor обеспечивает onChange событие, которое вы можете использовать для получения текущего содержимого редактора всякий раз, когда пользователь изменяет его, а затем сохранить значение в собственном хранилище данных или состояние вашего компонента.

Таким образом, вы можете получить значение, когда вам это нужно.

More about the editor's properties.

Readme также предоставляет an example, демонстрируя его использование.