Javascript 无法使用筛选器区分真假

我希望使用filter（）区分true和false，但它正在将值初始化为true和false。我希望真值在一边，假值在另一边，用线隔开

import React，{Component}来自'React'；
从“/logo.svg”导入徽标；
导入“/App.css”；
类Helloworld扩展了React.Component{
render（）{
返回(
你好，世界{this.props.title}
)
}
}
类项扩展了React.Component{
render（）{
返回(
{this.props.items.map（item=>{item}}
)
}
}
类。组件{
建造师（道具）{
超级（道具）
这个州={
书籍：['book1'，'book2'，'book3']
}
}
cliclMe（）{
警报（“单击”）
}
render（）{
返回(
添加书籍
this.cliclMe（）}/>
{this.state.books.map（book=>{book}}
)
}
}
类Todo扩展了React.Component{
render（）{
返回(
{this.props.tdo.filter（（item）=>{item.done='true'}
{this.props.tdo.map（（迭代器）=>{iterator.todo}{iterator.done}}

{this.props.tdo.filter（（item）=>{item.done='false'}
{this.props.tdo.map（（迭代器）=>{iterator.todo}{iterator.done}}
)
}
}
类应用程序扩展组件{
render（）{
返回(

编辑
src/App.js
并保存以重新加载。

);
}
}
导出默认应用程序

item.done='true'

或

item.done='false'

正在赋值，而您需要

item.done='true'

和

item.done='false'
类Todo扩展React.Component{
class Todo extends React.Component{
  render(){
    return(
    <div>
      {this.props.tdo.filter( (item) => item.done =='true')}
      {this.props.tdo.map((iterator) =>  <div> {iterator.todo}  {iterator.done}</div>) }
      <hr/>
      {this.props.tdo.filter((item) => item.done =='false')}
      {this.props.tdo.map((iterator) =>  <div> {iterator.todo}  {iterator.done}</div>) } 
    </div>
    )
  }
}

render（）{
返回(
{this.props.tdo.filter（（item）=>item.done=='true'）}
{this.props.tdo.map（（迭代器）=>{iterator.todo}{iterator.done}}

{this.props.tdo.filter（（item）=>item.done=='false'）}
{this.props.tdo.map（（迭代器）=>{iterator.todo}{iterator.done}}
)
}
}

在此：
.filter（（item）=>{item.done='true'}）中，应该使用==而不是赋值
有两个问题。1.你什么也不退。2.它应该是
=
或
==
而不是
=
。单等号表示赋值。双重/三重平均值比较。因此，它应该是
.filter（（item）=>item.done==“true”）
将赋值更改为比较不会产生任何差异。请参考我的评论。还有，道歉。正在键入该评论，因此响应延迟here@Rajesh我的回答清楚地提到了第二点。不管怎样，我知道，这是你的老习惯。我在你的回答中没有看到任何回报值的评论。所以，即使你提到第二点，也不能解决问题。因此，投票被否决。如果你也编辑并添加这一部分，我将收回我的投票，因为这将是一个完整的回答。如果我的行为困扰你，我也向你道歉。希望你同意我的观点，这是一个部分答案。注意：没有解释的答案是不完整的。你改变了什么？你为什么要改变？为什么OP的代码不起作用