我收到以下错误,如果有人能指出我正确的方向,我会很高兴:) 我尝试了不同的方法,但没有任何效果。
无法编译 ./src/App.jsx 尝试导入错误:“eval”未从“mathjs”导出(导入为“math”)。
import React, { Component } from 'react';
import './App.css';
import { Button } from './components/Button';
import { Input } from './components/Input';
import { ClearButton } from './components/ClearButton';
import * as math from 'mathjs';
class App extends Component {
constructor(props) {
super(props);
this.state = {
input: ""
};
}
addToInput = val => {
this.setState({input: this.state.input + val});
}
handleEqual = () => {
this.setState({input: math.eval(this.state.input)});
}
render() {
return (
<div className="app">
<div className="calc-wrapper">
<Input input={this.state.input}></Input>
<div className="row">
<Button handleClick={this.addToInput}>7</Button>
<Button handleClick={this.addToInput}>8</Button>
<Button handleClick={this.addToInput}>9</Button>
<Button handleClick={this.addToInput}>/</Button>
</div>
<div className="row">
<Button handleClick={this.addToInput}>4</Button>
<Button handleClick={this.addToInput}>5</Button>
<Button handleClick={this.addToInput}>6</Button>
<Button handleClick={this.addToInput}>X</Button>
</div>
<div className="row">
<Button handleClick={this.addToInput}>1</Button>
<Button handleClick={this.addToInput}>2</Button>
<Button handleClick={this.addToInput}>3</Button>
<Button handleClick={this.addToInput}>+</Button>
</div>
</div>
</div>
</div>
);
}
}
export default App;
斯蒂芬大帝
智慧大石
凤凰求蛊
相关分类