不变的违反文本字符串必须在<Text>组件中呈现

Question

我是本机开发的新手。 每当我尝试使用任何框架时，我都会报错

  

不变违规文本字符串必须在文本中呈现   组件

我尝试了两个库react-number-format，并尝试了pichart react-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"。

作为参考，我附上了屏幕截图。

提前谢谢！

Answer 1

好的...因此，看到您的代码，我没有发现任何错误。因此，我去检查了您所使用的两个库的源代码。

您使用的两个库都不与react-native兼容，因为它们使用的是<div>和<input />之类的dom元素，它们是为反应js开发的，适用于浏览器

例如以react-number-format为例，来自src的main number_format.js返回

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

因此，很遗憾，您不能将这些库用于本机响应。

Answer 2

当您在文本范围之外编写文本时，会出现此错误。文本只能写在文本标签中。您使用的库可能不兼容，并且可能在导致此问题的范围之外呈现文本。