Я все еще не уверен, как заставить это работать.Я хотел написать небольшое приложение чата на выставке.Прямо сейчас я использую кнопку, которая при нажатии должна добавить сообщение в одаренный чат.У меня есть два компонента, которые не связаны.Один называется button.js, а другой chat.js.Они оба отображаются в App.js.Я попытался написать вспомогательную функцию в chat.js
updateChatView(){
//Debug only
// console.log("TEST");
this.setState(previousState => ({
messages: GiftedChat.append(previousState.messages, {
_id: "MSG ID",
text: "TEXT YOU WANT TO SHOW",
createdAt: new Date(),
user: {
_id: "USER_ID",
name: "USER NAME",
avatar:"USER AVATAR URL",
},
}),
}));
}
Я вижу вывод консоли TEST, но состояние не может быть установлено, поскольку кажется, что компонент (chat.js) не смонтирован,Я использую этот код для вызова функции.
import ChatView from './chatView';
const cv = new ChatView();
//Render function
<View style={styles.container}>
<Button title="Button" onPress={(e) => cv.updateChatView()} />
</View>
Я думаю, что chat.js смонтирован, как он отображается?Я понятия не имею, с чего начать.Я думал о замене штата на избыточный, но я не уверен, что это сработает.