React 中的 decodeURIComponent

Question

我目前正在开发一个 react-native 应用程序，但我遇到了一个问题。我正在从 API 获取数据，数据看起来像这样

{
  "current":{
    ...
    "name": " - Kraftwerk - It's More Fun to Compute ",
    ...
  }
}  

我想解码此字符串以将其显示在我的视图中，以便将It's 转换为It's。

在更新 state 之前，我尝试使用 JavaScript 函数 decodeURIComponent 对其进行解码，但不幸的是它不起作用。我的视图仍然显示It's。

这是我的组件（简化）

import React, {useState, useEffect} from "react";
import { View, StyleSheet, Text, ActivityIndicator } from "react-native"

const Metadata = props => {

    const [track, setTrack] = useState({
        name: "",
        type: ""
    });
 
    const trackinfo = (data) => {
        
        let trackName = decodeURIComponent(data['current']['name']);
        let trackType = data['current']['type'];

        setTrack({
            name: trackName,
            type: trackType
        });

    useEffect(() => {
      ...
    }, []);
 
    return (
        <View style={styles.container}>
            <Text>
                {track['name']}
            </Text>
        </View>
    );
};

export default Metadata;

任何想法为什么decodeURIComponent() 无效？

谢谢

Answer 1

您可以使用html-entitites库的decode函数。

import {decode} from 'html-entities';

let trackName = decode(data['current']['name']);