javascript - React Native : Attempted to assign to readonly property - Stack Overflow

admin管理员组

文章数量:1290984

I am trying to check if the entry exists in the AsycStore and if it doesn't exist then, I create an object and set it. And there is a return statement that returns the dataobject.

Here is the pseudocode-

AsyncStorage.getItem("dataobject").then((do) => {
  if(do == undefined)
  {
    console.log("initializing obj + setting data");
    var dobj = "data object";
    dobj.isdirty = true;
    AsyncStorage.setItem("dataobject",dobj);
  }
  return AsyncStorage.getItem("dataobject");
}).done();
},

I am getting an error in console -

W/ReactNativeJS: 'Error: Attempted to assign to readonly property.\n stack: \n  <unknown>

index.android.bun…:53047\n  tryCallOne                           
index.android.bun…:5094\n  <unknown>                            
index.android.bun…:5160\n  <unknown>                            
index.android.bun…:3399\n  callTimer                            
index.android.bun…:2954\n  callImmediates                       
index.android.bun…:3003\n  <unknown>                            
index.android.bun…:2523\n  guard                                
index.android.bun…:2452\n  __callImmediates                     
index.android.bun…:2523\n  <unknown>                            
index.android.bun…:2503\n  guard                                
index.android.bun…:2452\n  invokeCallbackAndReturnFlushedQueue  index.android.bun…:2501\n URL: http://localhost:8081/index.android.bundle?platform=android&dev=true\n line: 53047\n message: Attempted to assign to readonly property.'

I am not really sure what is the readonly property I am trying to assign. The line number that is being warned is this line - "dobj.isdirty = true";

Should I not add a property to an object? How do I solve this problem? What's the right way of doing it?

Screenshot-

I am trying to check if the entry exists in the AsycStore and if it doesn't exist then, I create an object and set it. And there is a return statement that returns the dataobject.

Here is the pseudocode-

AsyncStorage.getItem("dataobject").then((do) => {
  if(do == undefined)
  {
    console.log("initializing obj + setting data");
    var dobj = "data object";
    dobj.isdirty = true;
    AsyncStorage.setItem("dataobject",dobj);
  }
  return AsyncStorage.getItem("dataobject");
}).done();
},

I am getting an error in console -

W/ReactNativeJS: 'Error: Attempted to assign to readonly property.\n stack: \n  <unknown>

index.android.bun…:53047\n  tryCallOne                           
index.android.bun…:5094\n  <unknown>                            
index.android.bun…:5160\n  <unknown>                            
index.android.bun…:3399\n  callTimer                            
index.android.bun…:2954\n  callImmediates                       
index.android.bun…:3003\n  <unknown>                            
index.android.bun…:2523\n  guard                                
index.android.bun…:2452\n  __callImmediates                     
index.android.bun…:2523\n  <unknown>                            
index.android.bun…:2503\n  guard                                
index.android.bun…:2452\n  invokeCallbackAndReturnFlushedQueue  index.android.bun…:2501\n URL: http://localhost:8081/index.android.bundle?platform=android&dev=true\n line: 53047\n message: Attempted to assign to readonly property.'

I am not really sure what is the readonly property I am trying to assign. The line number that is being warned is this line - "dobj.isdirty = true";

Should I not add a property to an object? How do I solve this problem? What's the right way of doing it?

Screenshot-

• javascript
• reactjs
• react-native
• javascript-objects

Share Improve this question Follow asked Nov 30, 2015 at 13:37 bozzmobbozzmob 12.6k1717 gold badges5151 silver badges7373 bronze badges 1

• I also faced this issue. In my case: I created a custom "Text" ponent. But import "Text" from 'react-native' and pass some props which are accepted by my custom "Text" ponent. But build-in Text ponent doesn't have these kind of props. – Robin Commented Jan 10, 2022 at 5:11

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

You can probably acplish this by using the .catch, which should throw if there is not a value there. Something like:

AsyncStorage.getItem("dataobject")
.then((do) => {
  this.setState({
    myData: do.toJSON();
  })
})
.catch(() => {
   console.log("initializing obj + setting data");
   var dobj = {};
   dobj.isdirty = true;
   AsyncStorage.setItem("dataobject",JSON.stringify(dobj));
});

Is dobj a string or an object?

var dobj = "data object"; dobj.isdirty = true;

In the second line, dobj.isdirty is undefined and you're trying to set that ("undefined" is a readonly property of JS).

Now if you're trying to do

var dobj = {}; dobj.isdirty = true;

Then instead you should do

var dobj = {}; dobj['isdirty'] = true;

OR

var dobj = {isdirty: true};

本文标签： javascriptReact NativeAttempted to assign to readonly propertyStack Overflow