Mixing
React Native - Exception '-[NSNull length] - error when navigating to the page after function was executed -
0
I'm new at react native and have a problem with my app I wish you can help me solve.
After I send inpunt (a comment) to a function, I navigate to the "search" page again
and than returning to the previous "player" page (so the "setAllComments" function with the AsyncStorage.setItem will be called again,
I get this error:
Exception '-[NSNull length]: unrecognized selector sent to instance
0x1cf86d9d0' was thrown while invoking multiSet on target
AsyncLocalStorage with params ( ( ( "@Ye-Music:songs", "null" )
Its happening only after I send a comment.
Here is the process -
The error which crashes the app:
The functions -
async componentDidMount() {
this.setAllComments();
}
setAllComments = async () => {
console.log("setAllComments function!");
fetch(URL + "/CommentsList2", {
body: null,
method: "POST",
headers: {
Accept: "application/json",
"Content-type": "application/json; charset=UTF-8"
}
})
.then(res => {
return res.json();
})
.then(commentsResult => {
AsyncStorage.setItem("@Ye-Music:comments", commentsResult.d);
})
.catch(err => {
console.error(err);
})
.then(() => this.getComments());
};
async getComments() {
await AsyncStorage.getItem("@Ye-Music:comments").then(value => {
let commentsList = JSON.parse(value);
this.setState({ comments: commentsList });
});
}
addComment = async () => {
await this.getUser();
if (this.state.haveUser) {
if (this.state.userText == "") {
Alert.alert("comment can't be empty");
return;
} else if (this.state.userText.length <= 2) {
Alert.alert("Comment must be longer than 2 chars");
return;
}
this.setState({ haveUser: false });
this.setState({ userText: this.state.userText.replace(/["]/g, "'") });
let data = {
userId: this.state.userData.ID,
songId: this.state.song.Song_ID,
username: this.state.userData.UserName,
freeText: this.state.userText
};
fetch(URL + "/AddComment", {
body: JSON.stringify(data),
method: "POST",
headers: {
"Content-type": "application/json; charset=UTF-8"
}
})
.then(res => {
return res.json();
})
.then(commentData => {
AsyncStorage.setItem("@Ye-Music:comment", commentData.d)
.catch(err => {
console.error(err);
});
let newCommentNow = AsyncStorage.getItem("@Ye-Music:comment").then(()=>
{ let newUserComment = JSON.parse(newCommentNow);
this.setState({ newComment: newUserComment });})
})
.then(this.setState({ writeComment: false, userText: "" }))
.then(this.setAllComments())
.then(
Alert.alert("Re-open the song to see your comment", "", [
{ text: "Ok", onPress: () => null }
])
);
}
Can anyone help me to solve this problem.
javascript reactjs react-native asynchronous asyncstorage
asked Jan 1 at 16:06
sup.DRsup.DR
599
add a comment |
0
I'm new at react native and have a problem with my app I wish you can help me solve.
After I send inpunt (a comment) to a function, I navigate to the "search" page again
and than returning to the previous "player" page (so the "setAllComments" function with the AsyncStorage.setItem will be called again,
I get this error:
Exception '-[NSNull length]: unrecognized selector sent to instance
0x1cf86d9d0' was thrown while invoking multiSet on target
AsyncLocalStorage with params ( ( ( "@Ye-Music:songs", "null" )
Its happening only after I send a comment.
Here is the process -
The error which crashes the app:
The functions -
async componentDidMount() {
this.setAllComments();
}
setAllComments = async () => {
console.log("setAllComments function!");
fetch(URL + "/CommentsList2", {
body: null,
method: "POST",
headers: {
Accept: "application/json",
"Content-type": "application/json; charset=UTF-8"
}
})
.then(res => {
return res.json();
})
.then(commentsResult => {
AsyncStorage.setItem("@Ye-Music:comments", commentsResult.d);
})
.catch(err => {
console.error(err);
})
.then(() => this.getComments());
};
async getComments() {
await AsyncStorage.getItem("@Ye-Music:comments").then(value => {
let commentsList = JSON.parse(value);
this.setState({ comments: commentsList });
});
}
addComment = async () => {
await this.getUser();
if (this.state.haveUser) {
if (this.state.userText == "") {
Alert.alert("comment can't be empty");
return;
} else if (this.state.userText.length <= 2) {
Alert.alert("Comment must be longer than 2 chars");
return;
}
this.setState({ haveUser: false });
this.setState({ userText: this.state.userText.replace(/["]/g, "'") });
let data = {
userId: this.state.userData.ID,
songId: this.state.song.Song_ID,
username: this.state.userData.UserName,
freeText: this.state.userText
};
fetch(URL + "/AddComment", {
body: JSON.stringify(data),
method: "POST",
headers: {
"Content-type": "application/json; charset=UTF-8"
}
})
.then(res => {
return res.json();
})
.then(commentData => {
AsyncStorage.setItem("@Ye-Music:comment", commentData.d)
.catch(err => {
console.error(err);
});
let newCommentNow = AsyncStorage.getItem("@Ye-Music:comment").then(()=>
{ let newUserComment = JSON.parse(newCommentNow);
this.setState({ newComment: newUserComment });})
})
.then(this.setState({ writeComment: false, userText: "" }))
.then(this.setAllComments())
.then(
Alert.alert("Re-open the song to see your comment", "", [
{ text: "Ok", onPress: () => null }
])
);
}
Can anyone help me to solve this problem.
javascript reactjs react-native asynchronous asyncstorage
asked Jan 1 at 16:06
sup.DRsup.DR
599
add a comment |
0
0
0
I'm new at react native and have a problem with my app I wish you can help me solve.
After I send inpunt (a comment) to a function, I navigate to the "search" page again
and than returning to the previous "player" page (so the "setAllComments" function with the AsyncStorage.setItem will be called again,
I get this error:
Exception '-[NSNull length]: unrecognized selector sent to instance
0x1cf86d9d0' was thrown while invoking multiSet on target
AsyncLocalStorage with params ( ( ( "@Ye-Music:songs", "null" )
Its happening only after I send a comment.
Here is the process -
The error which crashes the app:
The functions -
async componentDidMount() {
this.setAllComments();
}
setAllComments = async () => {
console.log("setAllComments function!");
fetch(URL + "/CommentsList2", {
body: null,
method: "POST",
headers: {
Accept: "application/json",
"Content-type": "application/json; charset=UTF-8"
}
})
.then(res => {
return res.json();
})
.then(commentsResult => {
AsyncStorage.setItem("@Ye-Music:comments", commentsResult.d);
})
.catch(err => {
console.error(err);
})
.then(() => this.getComments());
};
async getComments() {
await AsyncStorage.getItem("@Ye-Music:comments").then(value => {
let commentsList = JSON.parse(value);
this.setState({ comments: commentsList });
});
}
addComment = async () => {
await this.getUser();
if (this.state.haveUser) {
if (this.state.userText == "") {
Alert.alert("comment can't be empty");
return;
} else if (this.state.userText.length <= 2) {
Alert.alert("Comment must be longer than 2 chars");
return;
}
this.setState({ haveUser: false });
this.setState({ userText: this.state.userText.replace(/["]/g, "'") });
let data = {
userId: this.state.userData.ID,
songId: this.state.song.Song_ID,
username: this.state.userData.UserName,
freeText: this.state.userText
};
fetch(URL + "/AddComment", {
body: JSON.stringify(data),
method: "POST",
headers: {
"Content-type": "application/json; charset=UTF-8"
}
})
.then(res => {
return res.json();
})
.then(commentData => {
AsyncStorage.setItem("@Ye-Music:comment", commentData.d)
.catch(err => {
console.error(err);
});
let newCommentNow = AsyncStorage.getItem("@Ye-Music:comment").then(()=>
{ let newUserComment = JSON.parse(newCommentNow);
this.setState({ newComment: newUserComment });})
})
.then(this.setState({ writeComment: false, userText: "" }))
.then(this.setAllComments())
.then(
Alert.alert("Re-open the song to see your comment", "", [
{ text: "Ok", onPress: () => null }
])
);
}
Can anyone help me to solve this problem.
javascript reactjs react-native asynchronous asyncstorage
asked Jan 1 at 16:06
sup.DRsup.DR
599
I'm new at react native and have a problem with my app I wish you can help me solve.
After I send inpunt (a comment) to a function, I navigate to the "search" page again
and than returning to the previous "player" page (so the "setAllComments" function with the AsyncStorage.setItem will be called again,
I get this error:
Exception '-[NSNull length]: unrecognized selector sent to instance
0x1cf86d9d0' was thrown while invoking multiSet on target
AsyncLocalStorage with params ( ( ( "@Ye-Music:songs", "null" )
Its happening only after I send a comment.
Here is the process -
The error which crashes the app:
The functions -
async componentDidMount() {
this.setAllComments();
}
setAllComments = async () => {
console.log("setAllComments function!");
fetch(URL + "/CommentsList2", {
body: null,
method: "POST",
headers: {
Accept: "application/json",
"Content-type": "application/json; charset=UTF-8"
}
})
.then(res => {
return res.json();
})
.then(commentsResult => {
AsyncStorage.setItem("@Ye-Music:comments", commentsResult.d);
})
.catch(err => {
console.error(err);
})
.then(() => this.getComments());
};
async getComments() {
await AsyncStorage.getItem("@Ye-Music:comments").then(value => {
let commentsList = JSON.parse(value);
this.setState({ comments: commentsList });
});
}
addComment = async () => {
await this.getUser();
if (this.state.haveUser) {
if (this.state.userText == "") {
Alert.alert("comment can't be empty");
return;
} else if (this.state.userText.length <= 2) {
Alert.alert("Comment must be longer than 2 chars");
return;
}
this.setState({ haveUser: false });
this.setState({ userText: this.state.userText.replace(/["]/g, "'") });
let data = {
userId: this.state.userData.ID,
songId: this.state.song.Song_ID,
username: this.state.userData.UserName,
freeText: this.state.userText
};
fetch(URL + "/AddComment", {
body: JSON.stringify(data),
method: "POST",
headers: {
"Content-type": "application/json; charset=UTF-8"
}
})
.then(res => {
return res.json();
})
.then(commentData => {
AsyncStorage.setItem("@Ye-Music:comment", commentData.d)
.catch(err => {
console.error(err);
});
let newCommentNow = AsyncStorage.getItem("@Ye-Music:comment").then(()=>
{ let newUserComment = JSON.parse(newCommentNow);
this.setState({ newComment: newUserComment });})
})
.then(this.setState({ writeComment: false, userText: "" }))
.then(this.setAllComments())
.then(
Alert.alert("Re-open the song to see your comment", "", [
{ text: "Ok", onPress: () => null }
])
);
}
Can anyone help me to solve this problem.
async componentDidMount() {
this.setAllComments();
}
setAllComments = async () => {
console.log("setAllComments function!");
fetch(URL + "/CommentsList2", {
body: null,
method: "POST",
headers: {
Accept: "application/json",
"Content-type": "application/json; charset=UTF-8"
}
})
.then(res => {
return res.json();
})
.then(commentsResult => {
AsyncStorage.setItem("@Ye-Music:comments", commentsResult.d);
})
.catch(err => {
console.error(err);
})
.then(() => this.getComments());
};
async getComments() {
await AsyncStorage.getItem("@Ye-Music:comments").then(value => {
let commentsList = JSON.parse(value);
this.setState({ comments: commentsList });
});
}
addComment = async () => {
await this.getUser();
if (this.state.haveUser) {
if (this.state.userText == "") {
Alert.alert("comment can't be empty");
return;
} else if (this.state.userText.length <= 2) {
Alert.alert("Comment must be longer than 2 chars");
return;
}
this.setState({ haveUser: false });
this.setState({ userText: this.state.userText.replace(/["]/g, "'") });
let data = {
userId: this.state.userData.ID,
songId: this.state.song.Song_ID,
username: this.state.userData.UserName,
freeText: this.state.userText
};
fetch(URL + "/AddComment", {
body: JSON.stringify(data),
method: "POST",
headers: {
"Content-type": "application/json; charset=UTF-8"
}
})
.then(res => {
return res.json();
})
.then(commentData => {
AsyncStorage.setItem("@Ye-Music:comment", commentData.d)
.catch(err => {
console.error(err);
});
let newCommentNow = AsyncStorage.getItem("@Ye-Music:comment").then(()=>
{ let newUserComment = JSON.parse(newCommentNow);
this.setState({ newComment: newUserComment });})
})
.then(this.setState({ writeComment: false, userText: "" }))
.then(this.setAllComments())
.then(
Alert.alert("Re-open the song to see your comment", "", [
{ text: "Ok", onPress: () => null }
])
);
} async componentDidMount() {
this.setAllComments();
}
setAllComments = async () => {
console.log("setAllComments function!");
fetch(URL + "/CommentsList2", {
body: null,
method: "POST",
headers: {
Accept: "application/json",
"Content-type": "application/json; charset=UTF-8"
}
})
.then(res => {
return res.json();
})
.then(commentsResult => {
AsyncStorage.setItem("@Ye-Music:comments", commentsResult.d);
})
.catch(err => {
console.error(err);
})
.then(() => this.getComments());
};
async getComments() {
await AsyncStorage.getItem("@Ye-Music:comments").then(value => {
let commentsList = JSON.parse(value);
this.setState({ comments: commentsList });
});
}
addComment = async () => {
await this.getUser();
if (this.state.haveUser) {
if (this.state.userText == "") {
Alert.alert("comment can't be empty");
return;
} else if (this.state.userText.length <= 2) {
Alert.alert("Comment must be longer than 2 chars");
return;
}
this.setState({ haveUser: false });
this.setState({ userText: this.state.userText.replace(/["]/g, "'") });
let data = {
userId: this.state.userData.ID,
songId: this.state.song.Song_ID,
username: this.state.userData.UserName,
freeText: this.state.userText
};
fetch(URL + "/AddComment", {
body: JSON.stringify(data),
method: "POST",
headers: {
"Content-type": "application/json; charset=UTF-8"
}
})
.then(res => {
return res.json();
})
.then(commentData => {
AsyncStorage.setItem("@Ye-Music:comment", commentData.d)
.catch(err => {
console.error(err);
});
let newCommentNow = AsyncStorage.getItem("@Ye-Music:comment").then(()=>
{ let newUserComment = JSON.parse(newCommentNow);
this.setState({ newComment: newUserComment });})
})
.then(this.setState({ writeComment: false, userText: "" }))
.then(this.setAllComments())
.then(
Alert.alert("Re-open the song to see your comment", "", [
{ text: "Ok", onPress: () => null }
])
);
}javascript reactjs react-native asynchronous asyncstorage
javascript reactjs react-native asynchronous asyncstorage
asked Jan 1 at 16:06
sup.DRsup.DR
599
asked Jan 1 at 16:06
sup.DRsup.DR
599
edited Jan 1 at 16:14
sup.DR
asked Jan 1 at 16:06
sup.DRsup.DR
599
asked Jan 1 at 16:06
sup.DRsup.DR
599
asked Jan 1 at 16:06
sup.DRsup.DR
599
599
add a comment |
add a comment |
0
active
oldest
votes
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');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53996922%2freact-native-exception-nsnull-length-error-when-navigating-to-the-page-a%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
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.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53996922%2freact-native-exception-nsnull-length-error-when-navigating-to-the-page-a%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
