How to decode the questions and answers returned from the api call?


I’m creating a react native mobile app and I’m using the open trivia db API. I seem to be stuck on decoding the questions and answers. Right now its displaying

Which Shakespeare play inspired the musical 'West Side Story'?

I would like to display the decoded version

Which Shakespeare play inspired the musical 'West Side Story'?

This is the component I have rendering to the screen

import React from 'react'
import { View, Text } from 'react-native'

export default class Question extends React.Component<*> {
    render() {
        return (
                    <Text>Category: {this.props.category}</Text>
                    <Text>Question #: {} of {}</Text>

If I were to replace decodeURI() with encodeURI() it encodes it but for some reason seems to ignore the decode function.

Any help would be greatly appreciated.



Try putting unescape() around the decodeURI.


Thanks @The_Sink_God. I tried unescape() but that wasn’t working and the docs for unescape() say that javascript depreciated that function in javascript v1.5.

I figured it out though. If anyone else has the problem here’s the solution that worked for me.

I actually had to encode the actual API call itself with url3986 and then wrap decodeURIComponent() around what I wanted printed to the screen.



Oh wow, I never knew it was deprecated. Glad you got it working though.