undefined is not an object (evaluating newText.split)

I have an error I can't seem to work out. I am getting undefined is not an object (evaluating newText.split) when this code runs.

  <View style={fieldContainerStyle}>

                <TextInput

                    {...inputProps}

                    {...input}

                    onSelectionChange={(event) => this.setState({ cursorPosition: event.nativeEvent.selection, selection: event.nativeEvent.selection })}

                    onSubmitEditing={() => {

                        const { query, cursorPosition } = this.state;

                        let newText = query;

                        const ar = newText.split('');

                        ar.splice(cursorPosition.start, 0, 'n');

                        newText = ar.join('');



                        if (cursorPosition.start === query.length && query.endsWith('n')) {

                            this.props.input.onChange(newText)

                        } else if (this.state.allowEditing) {

                            this.props.input.onChange(newText)

                            this.setState({

                                selection: {

                                    start: cursorPosition.start + 1,

                                    end: cursorPosition.end + 1

                                },

                                allowEditing: !this.state.allowEditing

                            });

                        }

                    }}

                    multiline={true}

                    numberOfLines={3}

                    underlineColorAndroid='transparent'

                    blurOnSubmit={false}

                    returnKeyType='none'

                    style={combinedInputStyle}

                />

            </View>

Can anyone see the issue?

edited Nov 20 at 22:23

asked Nov 20 at 21:54

Marcus Smith

4428

2

Please post a complete example.
– ggorlen
Nov 20 at 21:57

4

my guess is this.state.query is undefined
– MrAleister
Nov 20 at 22:04

complete example posted
– Marcus Smith
Nov 20 at 22:24

Try console.dir(this.state); I suspect query isn't as you think.
– SPlatten
Nov 21 at 7:31

@MarcusSmith, it isn't complete is it?
– SPlatten
Nov 21 at 7:52

add a comment |

I have an error I can't seem to work out. I am getting undefined is not an object (evaluating newText.split) when this code runs.

  <View style={fieldContainerStyle}>

                <TextInput

                    {...inputProps}

                    {...input}

                    onSelectionChange={(event) => this.setState({ cursorPosition: event.nativeEvent.selection, selection: event.nativeEvent.selection })}

                    onSubmitEditing={() => {

                        const { query, cursorPosition } = this.state;

                        let newText = query;

                        const ar = newText.split('');

                        ar.splice(cursorPosition.start, 0, 'n');

                        newText = ar.join('');



                        if (cursorPosition.start === query.length && query.endsWith('n')) {

                            this.props.input.onChange(newText)

                        } else if (this.state.allowEditing) {

                            this.props.input.onChange(newText)

                            this.setState({

                                selection: {

                                    start: cursorPosition.start + 1,

                                    end: cursorPosition.end + 1

                                },

                                allowEditing: !this.state.allowEditing

                            });

                        }

                    }}

                    multiline={true}

                    numberOfLines={3}

                    underlineColorAndroid='transparent'

                    blurOnSubmit={false}

                    returnKeyType='none'

                    style={combinedInputStyle}

                />

            </View>

Can anyone see the issue?

edited Nov 20 at 22:23

asked Nov 20 at 21:54

Marcus Smith

4428

2

Please post a complete example.
– ggorlen
Nov 20 at 21:57

4

my guess is this.state.query is undefined
– MrAleister
Nov 20 at 22:04

complete example posted
– Marcus Smith
Nov 20 at 22:24

Try console.dir(this.state); I suspect query isn't as you think.
– SPlatten
Nov 21 at 7:31

@MarcusSmith, it isn't complete is it?
– SPlatten
Nov 21 at 7:52

add a comment |

I have an error I can't seem to work out. I am getting undefined is not an object (evaluating newText.split) when this code runs.

  <View style={fieldContainerStyle}>

                <TextInput

                    {...inputProps}

                    {...input}

                    onSelectionChange={(event) => this.setState({ cursorPosition: event.nativeEvent.selection, selection: event.nativeEvent.selection })}

                    onSubmitEditing={() => {

                        const { query, cursorPosition } = this.state;

                        let newText = query;

                        const ar = newText.split('');

                        ar.splice(cursorPosition.start, 0, 'n');

                        newText = ar.join('');



                        if (cursorPosition.start === query.length && query.endsWith('n')) {

                            this.props.input.onChange(newText)

                        } else if (this.state.allowEditing) {

                            this.props.input.onChange(newText)

                            this.setState({

                                selection: {

                                    start: cursorPosition.start + 1,

                                    end: cursorPosition.end + 1

                                },

                                allowEditing: !this.state.allowEditing

                            });

                        }

                    }}

                    multiline={true}

                    numberOfLines={3}

                    underlineColorAndroid='transparent'

                    blurOnSubmit={false}

                    returnKeyType='none'

                    style={combinedInputStyle}

                />

            </View>

Can anyone see the issue?

edited Nov 20 at 22:23

asked Nov 20 at 21:54

Marcus Smith

4428

I have an error I can't seem to work out. I am getting undefined is not an object (evaluating newText.split) when this code runs.

  <View style={fieldContainerStyle}>

                <TextInput

                    {...inputProps}

                    {...input}

                    onSelectionChange={(event) => this.setState({ cursorPosition: event.nativeEvent.selection, selection: event.nativeEvent.selection })}

                    onSubmitEditing={() => {

                        const { query, cursorPosition } = this.state;

                        let newText = query;

                        const ar = newText.split('');

                        ar.splice(cursorPosition.start, 0, 'n');

                        newText = ar.join('');



                        if (cursorPosition.start === query.length && query.endsWith('n')) {

                            this.props.input.onChange(newText)

                        } else if (this.state.allowEditing) {

                            this.props.input.onChange(newText)

                            this.setState({

                                selection: {

                                    start: cursorPosition.start + 1,

                                    end: cursorPosition.end + 1

                                },

                                allowEditing: !this.state.allowEditing

                            });

                        }

                    }}

                    multiline={true}

                    numberOfLines={3}

                    underlineColorAndroid='transparent'

                    blurOnSubmit={false}

                    returnKeyType='none'

                    style={combinedInputStyle}

                />

            </View>

Can anyone see the issue?

javascript react-native split

edited Nov 20 at 22:23

asked Nov 20 at 21:54

Marcus Smith

4428

edited Nov 20 at 22:23

asked Nov 20 at 21:54

Marcus Smith

4428

edited Nov 20 at 22:23

asked Nov 20 at 21:54

Marcus Smith

4428

asked Nov 20 at 21:54

Marcus Smith

4428

asked Nov 20 at 21:54

Marcus Smith

4428

2

Please post a complete example.
– ggorlen
Nov 20 at 21:57

4

my guess is this.state.query is undefined
– MrAleister
Nov 20 at 22:04

complete example posted
– Marcus Smith
Nov 20 at 22:24

Try console.dir(this.state); I suspect query isn't as you think.
– SPlatten
Nov 21 at 7:31

@MarcusSmith, it isn't complete is it?
– SPlatten
Nov 21 at 7:52

add a comment |

2

Please post a complete example.
– ggorlen
Nov 20 at 21:57

4

my guess is this.state.query is undefined
– MrAleister
Nov 20 at 22:04

complete example posted
– Marcus Smith
Nov 20 at 22:24

Try console.dir(this.state); I suspect query isn't as you think.
– SPlatten
Nov 21 at 7:31

@MarcusSmith, it isn't complete is it?
– SPlatten
Nov 21 at 7:52

Please post a complete example.
– ggorlen
Nov 20 at 21:57

my guess is this.state.query is undefined
– MrAleister
Nov 20 at 22:04

complete example posted
– Marcus Smith
Nov 20 at 22:24

Try console.dir(this.state); I suspect query isn't as you think.
– SPlatten
Nov 21 at 7:31

@MarcusSmith, it isn't complete is it?
– SPlatten
Nov 21 at 7:52

add a comment |

1 Answer
1

active

oldest

votes

Error and its place suggest you trying to do undefined.split('') - check your this.state.query, seems like it is not set:

 onSelectionChange={(event) => this.setState({ cursorPosition: event.nativeEvent.selection, selection: event.nativeEvent.selection })}

edited Nov 21 at 7:29

answered Nov 21 at 7:22

MrAleister

439210

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53402172%2fundefined-is-not-an-object-evaluating-newtext-split%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

1 Answer
1

active

oldest

votes

1 Answer
1

active

oldest

votes

Error and its place suggest you trying to do undefined.split('') - check your this.state.query, seems like it is not set:

 onSelectionChange={(event) => this.setState({ cursorPosition: event.nativeEvent.selection, selection: event.nativeEvent.selection })}

edited Nov 21 at 7:29

answered Nov 21 at 7:22

MrAleister

439210

add a comment |

Error and its place suggest you trying to do undefined.split('') - check your this.state.query, seems like it is not set:

 onSelectionChange={(event) => this.setState({ cursorPosition: event.nativeEvent.selection, selection: event.nativeEvent.selection })}

edited Nov 21 at 7:29

answered Nov 21 at 7:22

MrAleister

439210

add a comment |

Error and its place suggest you trying to do undefined.split('') - check your this.state.query, seems like it is not set:

 onSelectionChange={(event) => this.setState({ cursorPosition: event.nativeEvent.selection, selection: event.nativeEvent.selection })}

edited Nov 21 at 7:29

answered Nov 21 at 7:22

MrAleister

439210

Error and its place suggest you trying to do undefined.split('') - check your this.state.query, seems like it is not set:

 onSelectionChange={(event) => this.setState({ cursorPosition: event.nativeEvent.selection, selection: event.nativeEvent.selection })}

edited Nov 21 at 7:29

answered Nov 21 at 7:22

MrAleister

439210

edited Nov 21 at 7:29

answered Nov 21 at 7:22

MrAleister

439210

answered Nov 21 at 7:22

MrAleister

439210

answered Nov 21 at 7:22

MrAleister

439210

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

Some of your past answers have not been well-received, and you're in danger of being blocked from answering.

Please pay close attention to the following guidance:

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Ytukyg