Как визуализировать символ BULLET в React Native?

Я пытаюсь отформатировать данные, которые должны отображаться на <Text>. Вот мой formatData() метод:

getFormattedData = (idA, idB) => {
    var formattedData = "";
    if (idA != null && idA != "") {
        formattedData = formattedData + "&#8226;" + " " + idA
    }
    if (idB != null && idB != "") {
        formattedData = formattedData + "&#8226;" + " " + idB
    }
    return formattedData;
};

Но на вид это отображается как ABC • DEF. А не как ABC • DEF

Когда я использую \u2B24, маркер очень большой, а при использовании \2022 отображается только код.

Как передать • с помощью getFormattedData()?

javascript reactjs react-native

28.05.2019 11:48

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

1 856

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Для разбора объектов HTML вы можете использовать модуль npm html-сущности.

import { Html5Entities } from 'html-entities'; 

render() {
    const entities = new Html5Entities();
    return (
      <SafeAreaView style = {styles.container}>
        <View>
        <Text> {entities.decode('&#8226;')} </Text>
        </View>
      </SafeAreaView>
    );
  }

28.05.2019 12:00

Это работает для меня,

getFormattedData = (idA, idB) => {
    var formattedData = "";
    if (idA != null && idA != "") {
        formattedData = <div>{formattedData}&#8226;{idA}</div>
    }
    if (idB != null && idB != "") {
        formattedData = <div>{formattedData}&#8226;{idB}</div>
    }
    return formattedData;
};

render() {
    return (
        <div>{this.getFormattedData(12,"abc")}</div>
    );
  }

Выход:

• 12

• азбука

Вопрос был о React Native, а не о React.

— 21.12.2021 12:24

28.05.2019 12:42