想要生成多個隨機數

Question

我想使用用戶輸入來生成一些隨機數。 到目前為止，這是我的代碼，只顯示一個隨機數。

class NumGenerator extends React.Component {
constructor(props) {
  super(props);
  this.state = {
    dice:2,
    max: 6
  }
}

componentDidMount() {
 this.setState({ number: this.generateNumber(this.state.max)})
}

diceChange = (event) => {
  this.setState({ dice: event.target.value})
  }
 
maxChange = (event) => {
  this.setState({ max: event.target.value})
}


generateNumber = (max) => {
  return  Math.floor(Math.random()*(max)+1)
}

getInputs = () => {
    this.setState({
      number: this.generateNumber(this.state.max)
    })
  }

Answer 1

將編號 state 更改為數組類型，並在您設置編號 state 的代碼中，執行以下操作

const numbers = [...this.state.numbers];
numbers.push(generaterandomnumber());
this.setState({ numbers}) ;

Answer 2

盡管@Pradhumn Sharma 是對的，但我相信您的誤解是，每次您將新的 object { number: value }添加到 state 時，Z9ED39E2EA931586B6A985A6942EF573E 的值都會覆蓋之前的值（然后它會覆蓋之前的值）額外的對{ number: value } 。 這就是為什么您只會顯示一個隨機數，它應該是最后一個創建的。