Реактивно считайте значение нажатой кнопки

Legeo спросил: 03 ноября 2018 в 09:25 в: javascript

Извините, если эта тема, вероятно, является копией другой, но я не понимаю, что я делаю неправильно с моим кодом + я действительно новичок, чтобы реагировать. Я пробовал несколько решений, но ни одно из них не сработало. Я поместу здесь часть поста, который я прочитал:

Проблема

Мне нужно console.log строки внутри value с handleInput

Код

import React, {Component} from 'react';
import Button from './Button';
import Screen from './screen';
import './keyboard.css'class NumberKeyboard extends Component {
    constructor(props){
        super(props)
        this.state = {
            operations: []
        }    }handleInput(props) {
    const buttonValue= this.props.value;
    console.log(buttonValue)
}    render() {        return (
            <div className="keyboard">
                <div className="column"></div>
                <div className="column">
                    <div className="keyboardRow roundBorder" value={"example"} onClick={() => this.handleInput('value')}>
                        <Screen className="crystalScreen"></Screen>
                        <Button value="clear" >C</Button> 
                        <Button value="±">±</Button>
                        <Button value=".">.</Button>
                        <Button value="">+</Button>
                    </div>
                    <div className="keyboardRow">
                        <Button value="clear">1</Button>
                        <Button value="2">2</Button>
                        <Button value="3">3</Button>
                        <Button value="-">-</Button>
                    </div>
                    <div className="keyboardRow">
                        <Button value="4">4</Button>
                        <Button value="5">5</Button>
                        <Button value="6">6</Button>
                        <Button value="*">X</Button>
                    </div>
                    <div className="keyboardRow lastRow">
                        <Button value="7">7</Button>
                        <Button value="8">8</Button>
                        <Button value="9">9</Button>
                        <Button value="%">÷</Button>
                    </div>
                </div>                <div className="column"></div>
            </div>
        )
    }
}export default NumberKeyboard;

я пытался решить эту проблему несколько раз, но каждый раз, когда я получал максимальный результат, был, к сожалению, неопределенным или ошибка.

0 ответов