Как использовать CKEditor внутри .map или .forEach в ReactJS?

Question

Я пробовал почти все, и ничего не работает. У меня есть компонент «Вариант», который я использую внутри .map в другом компоненте «Вопрос». У меня есть компонент CKEditor в компоненте, который работает отлично. Но когда я пытаюсь вызвать «заменить („опцию-“+ индекс), чтобы заменить CKEditor внутри каждого компонента, он не работает

Это мое текстовое поле внутри:.

<textarea name={"option-"+index}></textarea> 

Тогда я просто вызвать метод замены в componentDidMount моего <Question> компонента

CKEDITOR.replaceAll(); 

Если я пытаюсь использовать ту CKEDITOR.replace('"option-"+index') внутри моего <Option> компонента Я получаю сообщение об ошибке:

TypeError: Cannot read property 'getEditor' of undefined 

Answer 1

Вы пробовали:

<textarea ref={"option-"+index}></textarea> 

(...) 

CKEDITOR.replace(this.refs["option-"+index]);