reactjs: How to handle error from django api

Question

I'm a beginner in reactjs, I'm having trouble displaying error messages from the API, the error message looks in this way

"[ErrorDetail(string=' name already exists!', code='invalid')]"

I only need the "string" value here, so I'm looking for a way to extract it from the error message above.

in react, using

const errMsg = err?.response?.data?.error?.message
this.setState(common.showSnackbar(true, errMsg || err.message || err, 'error'))

give me if there is a solution to change message from this

[ErrorDetail(string=' name already exists!', code='invalid')]

to

'name already exists!'

Do you control the Django API? If so, you could extract the string from the ErrorDetail object and put that as the message, rather than the string representation of the object. — Soviut
– Soviut, Commented Feb 25, 2022 at 7:18

Aᴍɪʀ · Accepted Answer · 2022-02-25 07:15:29Z

1

You can use a regular expression:

// this extracts the string and the code part
const regex = /\[\w+\(\w+='(.*)',\s\w+='(.*)'\)\]/g;

const parsed = regex.exec("[ErrorDetail(string=' name already exists!', code='invalid')]");

console.log(parsed[1]); // ' name already exists!'
console.log(parsed[2]); // 'invalid'

This assumes the format of the string is always as you posted.

I'd suggest playing around with the regex in https://regexr.com to change it to fit your problem.

answered Feb 25, 2022 at 7:15

Aᴍɪʀ

7,8133 gold badges40 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Soviut · Accepted Answer · 2022-02-25 07:27:22Z

1

If you have control of the Django API, you could fix it before it ever gets to the browser.

The ErrorDetail instance is a string-like object. What you're seeing is the __repr__() method's representation of the object. To get the plain string from it you just need to wrap the instance in str().

Then your data.error.message will just be name already exists!

answered Feb 25, 2022 at 7:27

Soviut

92.2k53 gold badges210 silver badges285 bronze badges

Collectives™ on Stack Overflow

reactjs: How to handle error from django api

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related