Editor has a "@" sign as it's default value no matter what I do

[bobber205]

                        <Editor
                            list={this.state.user_suggestions}
                            // initialValue={this.state.displayText}
                            // clearInput={}
                            value={''}
                            onChange={({displayText, text}) => { console.log('display text', displayText, text); this.setState({ text, displayText }); }}
                            showEditor={true}
                            editorStyles= {{
                                mainContainer: {
                                    borderColor: 'transparent',
                                    width: window_width - 30
                                },
                                input: {...commonly_used_styles.typicalTextInput, 
                                    borderWidth: 0, 
                                    color: 'black',
                                    borderColor: button_styling.borderColor, 
                                    width: window_width - 30, 
                                    textAlignVertical: 'top', 
                                    textAlign: 'left', 
                                    height: 100, 
                                    marginBottom: 5 
                                }
                            }}
                            placeholder={'Please enter something'}
                            toggleEditor={() => {return true;}}
                            showMentions={true}
                            onHideMentions={this.onHideMentions}
                        />

I've tried with and without a value for initialValue and it always looks like this.

If I have a value for initialValue it looks like initialValue={'initial_value'}

I've looked through the code and can't find why this is happening. Anyone know why? I assume this is a legit bug?

[rajenderkumar09]

Having the same issue

[dabakovich]

You can try a react-native-controlled-mentions that is not rich in configuration yet but enough stable for use in projects.
https://www.npmjs.com/package/react-native-controlled-mentions