Question

我需要在状态下存储距离值。它应等于通过道具传递的距离+用户选择的距离。该怎么做？

class Distance extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      distance: 0
    };
  }

  onChange = e => {
  }

  render() {
    return (
      <div>
        <p>{this.props.distance}</p>
        <select onChange={this.onChange}>
          <option>30km</option>
          <option>50km</option>
          <option>70km</option>
        </select>
      </div>
    );
  }
}

Answer 1

首先将value属性添加到您的<option>元素中，然后通过{{1}中的value访问<select>中e.currentTarget.value的使用}处理程序如下：

onChange

Answer 2

您应包括选择和处理Failed: Expected one matching request for criteria "Match URL: http://localhost:3000/api/v1/employee/123", found none.事件的值：

onChange

根据选择选项反应更改状态

2 个答案: