javascript - 添加到反应渲染功能时，输入框未出现在浏览器中

Question

在我的render函数中，我添加了此代码，以便我可以按解决问题所需的工作量进行过滤：

{' '}
        Effort between:
        {' '}
        <input
          size={5}
          value={effortMin}
          onChange={this.onChangeEffortMin}
        />
        {' - '}
        <input
          size={5}
          value={effortMax}
          onChange={this.onChangeEffortMax}
        />

当我运行我的应用程序时，它不会出现在浏览器中。我做错了什么吗？

这是我的整个render功能：

render() {
    const { status, changed } = this.state;
    const { effortMin, effortMax } = this.state;
    return (
      <div>
        Status:
        {' '}
        <select value={status} onChange={this.onChangeStatus}>
          <option value="">(All)</option>
          <option value="New">New</option>
          <option value="Assigned">Assigned</option>
          <option value="Fixed">Fixed</option>
          <option value="Closed">Closed</option>
        </select>
        {' '}
        Effort between:
        {' '}
        <input
          size={5}
          value={effortMin}
          onChange={this.onChangeEffortMin}
        />
        {' - '}
        <input
          size={5}
          value={effortMax}
          onChange={this.onChangeEffortMax}
        />
        {' '}
        <button type="button" onClick={this.applyFilter}>Apply</button>
        {' '}
        <button
          type="button"
          onClick={this.showOriginalFilter}
          disabled={!changed}
        >
          Reset
        </button>
      </div>
    );
  }

Answer 1

我试过了，它工作正常，请检查这里演示

Answer 2

我在终端的正确文件夹中，但是当我执行 cd /path/to/app 然后再次运行我的应用程序时，它正确呈现。