Текстовые строки с инвариантным нарушением должны отображаться в компоненте <Text> - PullRequest
Новая
       28

Текстовые строки с инвариантным нарушением должны отображаться в компоненте <Text>

0 голосов
/ 19 сентября 2019

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

Инвариантные текстовые строки нарушения должны отображаться в текстовом компоненте

Я пробовал две библиотеки номер реакции-формат и для pichart response-minimal-pie-chart

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

код, как указано ниже: 

import React, { Component } from 'react';
import { View } from 'react-native';
import NumberFormat from "react-number-format"
import PieChart from react-minimal-pie-chart

export default class Calculation extends Component {
   constructor(props) {
    super(props);
    this.state = {

    };

  render() {
     return (
          <View>
            <View style={{ backgroundColor: "lightgray", height: 1, marginHorizontal: 5 }} />
            <NumberFormat displayType="text" thousandSeparator={true} thousandsGroupStyle="lakh" prefix={'₹'} value={123456789} />

            <PieChart
              data={[
                { title: 'One', value: 10, color: '#E38627' },
                { title: 'Two', value: 15, color: '#C13C37' },
                { title: 'Three', value: 20, color: '#6A2135' },
              ]}
            />
          </View>

        );
    }
}

Реактивно-нативная версия - "0.60.5".

Для справки я прикрепил скриншот.

enter image description here

Заранее спасибо !!!

Ответы [ 2 ]

1 голос
/ 19 сентября 2019

Хорошо ... Итак, увидев ваш код, я не увидел в этом ничего плохого.Поэтому я пошел и проверил исходный код двух библиотек, которые вы использовали.

Обе библиотеки, которые вы использовали, не совместимы с реактивом-нативным, так как они созданы для реагирования js, который предназначен для браузера.так как они используют элементы типа dom, такие как <div> и <input />

Например, возьмите номер числа реакции, например, main number_format.js из src возвращает 

return (
  <input
    {...inputProps}
    ref = {getInputRef}
  />
)

Так что, к сожалению, вы можетеНе используйте эти библиотеки для реагировать на родной.

0 голосов
/ 20 сентября 2019

Эта ошибка возникает, когда вы пишете текст вне текста.Текст может быть написан только в текстовых тегах.Библиотека, которую вы использовали, может быть несовместимой и может отображать текст вне области действия, вызывающей эту проблему.

...