Сохраните значение JSON в собственной переменной Expo React - PullRequest
Новая
       76

Сохраните значение JSON в собственной переменной Expo React

1 голос
/ 09 ноября 2019

В React Native Expo, когда устройство получает push-уведомление, существует JSON, который называется «данные» и содержит ключи и значения.

Пример: 

const message = {
  to: YOUR_PUSH_TOKEN,
  sound: 'default',
  title: 'Original Title',
  body: 'And here is the body!',
  data: { name: 'max' },
};

Теперь мне нужно сохранить значение «name» в переменной, но я не могу вывести его. Я оставляю полный код ниже. 

import { Text, View, Button } from 'react-native';
import { Notifications } from 'expo';
import * as Permissions from 'expo-permissions';
import Constants from 'expo-constants';

const YOUR_PUSH_TOKEN = '';

export default class AppContainer extends React.Component {
  state = {
    notification: {},
  };

  registerForPushNotificationsAsync = async () => {
    if (Constants.isDevice) {
      const { status: existingStatus } = await Permissions.getAsync(
        Permissions.NOTIFICATIONS
      );
      let finalStatus = existingStatus;
      if (existingStatus !== 'granted') {
        const { status } = await Permissions.askAsync(
          Permissions.NOTIFICATIONS
        );
        finalStatus = status;
      }
      if (finalStatus !== 'granted') {
        alert('Failed to get push token for push notification!');
        return;
      }
      let token = await Notifications.getExpoPushTokenAsync();
      console.log(token);
    } else {
      alert('Must use physical device for Push Notifications');
    }
  };

  componentDidMount() {
    this.registerForPushNotificationsAsync();

    // Handle notifications that are received or selected while the app
    // is open. If the app was closed and then opened by tapping the
    // notification (rather than just tapping the app icon to open it),
    // this function will fire on the next tick after the app starts
    // with the notification data.
    this._notificationSubscription = Notifications.addListener(
      this._handleNotification
    );
  }

  _handleNotification = notification => {
    this.setState({ notification: notification });
  };

  // Can use this function below, OR use Expo's Push Notification Tool-> https://expo.io/dashboard/notifications
  sendPushNotification = async () => {
    const message = {
      to: YOUR_PUSH_TOKEN,
      sound: 'default',
      title: 'Original Title',
      body: 'And here is the body!',
      data: { name: 'max' },
    };
    const response = await fetch('https://exp.host/--/api/v2/push/send', {
      method: 'POST',
      headers: {
        Accept: 'application/json',
        'Accept-encoding': 'gzip, deflate',
        'Content-Type': 'application/json',
      },
      body: JSON.stringify(message),
    });
    const data = response._bodyInit;
    console.log(`Status & Response ID-> ${JSON.stringify(data)}`);
  };

  render() {
    return (
      <View
        style={{
          flex: 1,
          alignItems: 'center',
          justifyContent: 'space-around',
        }}>
        <View style={{ alignItems: 'center', justifyContent: 'center' }}>
          <Text>Origin: {this.state.notification.origin}</Text>
          <Text>Data: {JSON.stringify(this.state.notification.data)}</Text>
          {console.log(notification.data.name)}
        </View>
        <Button
          title={'Press to Send Notification'}
          onPress={() => this.sendPushNotification()}
        />
      </View>
    );
  }
}

1 Ответ

0 голосов
/ 12 ноября 2019

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

data{
"id":"13456789",
"name":"max"}

Хотя мы не собираемся использовать идентификатор, вам нужно принести как минимум два объекта. Так что теперь {console.log(notification.data.name)} работает.

В любом случае, я не думаю, что это окончательное решение, но со мной оно работало идеально.

...