完全に覚書き。Reactも書いたことねえからセットステイト周りで積んでた。一ヶ月ぶりに再チャレンジでできるようになった。dbからチャットの履歴を取得した程で。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 |
import React from 'react'; import { StyleSheet, Text, View } from 'react-native'; import { GiftedChat } from 'react-native-gifted-chat'; export default class App extends React.Component { state = { messages: [ { _id: 1, text: 'Hello developer', createdAt: new Date(), user: { _id: 2, name: 'React Native', avatar: 'https://placeimg.com/140/140/any', }, }, ], } componentWillMount() { let texts = [ { _id: 3, text: 'Hello developer 3', createdAt: new Date(), user: { _id: 1, name: 'React Native', avatar: 'https://placeimg.com/140/140/any', }, }, { _id: 4, text: 'Hello developer 4', createdAt: new Date(), user: { _id: 2, name: 'React Native', avatar: 'https://placeimg.com/140/140/any', }, }, ]; let texts2 = [ { _id: 6, text: 'Hello developer 6', createdAt: new Date(), user: { _id: 1, name: 'React Native', avatar: 'https://placeimg.com/140/140/any', }, }, ]; texts = texts.concat(texts2); var i; var ii; for (i = 7; i < 23; i++) { //奇数の場合 if( ( i % 2 ) != 0 ) { ii = 1 } //偶数の場合 if( ( i % 2 ) == 0 ) { ii = 2 } let texts3 = [ { _id: i, text: 'Hello developer 6', createdAt: new Date(), user: { _id: ii, name: 'React Native', avatar: 'https://placeimg.com/140/140/any', }, }, ]; texts = texts.concat(texts3); } this.setState({ messages: this.state.messages.concat( texts ) }) } onSend(messages = []) { this.setState(previousState => ({ messages: GiftedChat.append(previousState.messages, messages), })) } render() { return ( <GiftedChat messages={this.state.messages} onSend={messages => this.onSend(messages)} user={{ _id: 1, }} /> ) } } |