Javascript 为什么我会得到带有标签的“错误：将循环结构转换为JSON”？

我有以下代码，逐字逐句来自：

允许console.log按预期工作

为什么移动标签会产生这种效果

---

工作示例。

这似乎是StackBlitz的一个问题，因为相同的代码在CodeSandbox和JSFIDLE上可以正常工作

看起来它来自stackblitz.com，而不是你的代码。

class FlavorForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = { value: 'coconut' };

    this.handleChange = this.handleChange.bind(this);
    this.handleSubmit = this.handleSubmit.bind(this);
  }

  handleChange(event) {
    const { options } = event.target;
    console.log(options)
    this.setState({ value: event.target.value });
  }

  handleSubmit(event) {
    alert('Your favorite flavor is: ' + this.state.value);
    event.preventDefault();
  }

  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        <label>
          Pick your favorite La Croix flavor:
          <select value={this.state.value} onChange={this.handleChange}>
            <option value="grapefruit">Grapefruit</option>
            <option value="lime">Lime</option>
            <option value="coconut">Coconut</option>
            <option value="mango">Mango</option>
          </select>
          <input type="submit" value="Submit" />
        </label>
      </form>
    );
  }
}

<label>Pick your favorite La Croix flavor:</label>