如何在ReactJS的.map或.forEach中使用CKEditor？

我嘗試了幾乎所有的東西，沒有任何工作。我有一個組件「選項」，我在另一個組件「問題」的.map中使用。我在組件中有一個CKEditor，它工作得很好。但是，當我嘗試調用「替換（‘選項 - ’+指數）來代替每個組件內的CKEditor的，這是行不通的如何在ReactJS的.map或.forEach中使用CKEditor？

這是我的textarea裏面。

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

然後我剛剛致電我<Question>組件的componentDidMount替代方法

CKEDITOR.replaceAll();

如果我嘗試用恩我CKEDITOR.replace('"option-"+index')組件<Option>裏面我得到一個錯誤：

TypeError: Cannot read property 'getEditor' of undefined

來源

2017-02-11 Witalo Benicio

你能提供的jsfiddle這個問題？ –

@LalliNuorteva它只是一個循環內的textarea，而在componentDidMount中，我調用了CKEditor.replace（'option - '+ index）; –

你試過：

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

(...) 

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

來源

2017-02-12 03:48:49 daniloprates

我試圖在我的Option組件中使用CKEDITOR.replace，但是出現錯誤。所以我試圖在我的Question組件中做一個CKEDITOR.replaceAll（），但它不起作用。 –

我編輯了我的問題 –

你試過用'refs'替換'index'嗎？看起來你並沒有真正訪問DOM元素。 – daniloprates

如何在ReactJS的.map或.forEach中使用CKEditor？

回答

相關問題