Как изменить значение компонента или цвет, как текст, используя идентификатор в функции?

Question

Я хочу изменить значение компонента Text, но я не хочу использовать состояние, потому что мой Text или другие компоненты уникальны, и они сделаны в виде цикла, а результат получается из PHP и MySQL

`import React, { Component } from 'react';
import { StyleSheet, View, Text, Button, ToastAndroid } from 'react-native';

class MyAppList extends Component {
UserOrderBasket = (ProductId)=>{}

   render() {
         return (
              <View style={{ flex:1, flexDirection: 'row' }}>
                         <Text id='amir' style={{ flex:0, width:40, textAlign:'center' }}>
                                    this text will be change
                          </Text>
                          <Button icon transparent style={{width:36,padding:0}} onPress= 
                                    {this.UserOrderBasket.bind(this,1)}>
                              <Text>Change Text</Text>
                         </Button>
              </View>
         )
   }
}

`

Iхотите, чтобы пользователи нажимали кнопку, и с помощью функции UserOrderBasket измените текст, как это делается в javascript: `

function UserOrderBasket (ProductId){
document.getElementById('amir').inneHtml="some text or elemnt put here";
}

`

Возможно ли это ???Пожалуйста, помогите мне, если это возможно, мне действительно это нужно.

Answer 1

Это возможно, но не рекомендуемый подход React.В ответ Virtual DOM широко используется, тогда как для вашего случая вы используете DOM напрямую.

Рекомендуемый подход все еще использует состояние/ реквизит как среда.Ваша функция UserOrderBasket () меняет состояние, и ваш текст обновляется автоматически.