Reactjs 如何检查用户输入是否为空（react） 因此，我有一个基本的todo react应用程序，如何检查用户输入的值是否为空 我怎样才能确保将空的todo dosent添加到todolist中

为我们提供您正在使用的示例代码，我们将很容易提出建议

假设您使用类组件。在

addTask

方法中，您可以检查用户是否输入了文本

export default class App extends React.Component {
  state = {
    list: [],
    task: ""
  };

  addTask = () => {
    const { task, list } = this.state;
    if (!task) {
      alert("Please enter a task");
      return false;
    }

    this.setState({ list: [...list, task] });
  };

  render() {
    const { task, list } = this.state;

    return (
      <>
        <input
          value={task}
          onChange={e => this.setState({ task: e.target.value })}
        />

        <button onClick={this.addTask}>Add task</button>

        <ul>
          {list.map(task => (
            <li>{task}</li>
          ))}
        </ul>
      </>
    );
  }
}

导出默认类App扩展React.Component{
状态={
名单：[]，
任务：“
};
addTask=（）=>{
const{task，list}=this.state；
如果（！任务）{
警报（“请输入任务”）；
返回false；
}
this.setState（{list:[…list，task]}）；
};
render（）{
const{task，list}=this.state；
返回(
this.setState（{task:e.target.value}）}
/>
添加任务

{list.map（任务=>(
{task}
))}

);
}
}

---

请添加您的代码。然后我们可以帮你…欢迎来到StackOverflow。请拿着这本书四处看看，通读一遍，然后阅读，并提供一个答案。如果周围的人能够很容易地阅读和理解你的意思，或者问题是什么，他们会更愿意帮助你：）这就是我到目前为止所做的