React native дает «Неожиданный токен, ожидаемый« ... »», но не могу понять почему? - PullRequest
Новая
       14

React native дает «Неожиданный токен, ожидаемый« ... »», но не могу понять почему?

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

Ошибка появляется в строке, где я определяю onIncrease и onDecrease. После обучения на React-native я написал тот же код, что и в классе, но получаю эту ошибку. Может ли кто-нибудь, пожалуйста, помогите .. 

import React, {useState} from 'react';
import {View, Text, StyleSheet} from 'react-native';
import ColorCounter from '../components/ColorCounter';

const COLOR_INCREMENT = 15;

const SquareScreen = () => {
  const [red, setRed] = useState(0);
  const [green, setGreen] = useState(0);
  const [blue, setBlue] = useState(0);

  const setColor = (color, change) => {
    switch (color) {
      case 'red':
        red + change > 255 ||  red + change < 0 ? null: setRed(red + change);
        return;
      case 'green':
        green + change > 255 ||  green + change < 0 ? null: setGreen(green + change);
        return;
      case 'blue':
        blue + change > 255 ||  blue + change < 0 ? null: setBlue(blue + change);
        return;
      default:
        return;
    }
  };

  return (
    <View>
      <ColorCounter onIncrease{() => setColor('red', COLOR_INCREMENT)} onDecrease{() => setColor('red', -1 * COLOR_INCREMENT)} color="Red"/>
      <ColorCounter
        onIncrease{() => setColor('blue', COLOR_INCREMENT)}
        onDecrease{() => setColor('blue', -1 * COLOR_INCREMENT)}
        color="Blue"
      />
      <ColorCounter
        onIncrease{() => setColor('green', COLOR_INCREMENT)}
        onDecrease{() => setColor('green', -1 * COLOR_INCREMENT)}
        color="Green"/>
    </View>
  );
};

const styles = StyleSheet.create({});

export default SquareScreen;

1 Ответ

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

Может быть, вам не хватает знака аффекта =? 

onIncrease = {() => setColor('blue', COLOR_INCREMENT)}
onDecrease = {() => setColor('blue', -1 * COLOR_INCREMENT)}
...