使用功能.map（）的更新状态是否为突变状态？

Question

I'm still new to react and I still don't really understand about mutated the state.

I have seen many posts about this but I do not understand how the mutation process happened so I think it is necessary to ask this.

First i need to know is this called mutated state?

this.setState(prevState=>({
        colors:this.state.colors.map((c,i)=>{
            return{
                original_color:c.original_color,
                hex_color:c.hex_color,
                isActive:false
            }
        })
    }))

OR

let newData = this.state.colors.map((c,i)=>{
            return{
                original_color:c.original_color,
                hex_color:c.hex_color,
                isActive:false
            }
        })

        this.setState({
            colors: newData
        })

in this case i just want to set all of this value isActive to false

Last

i want to set this value to empty

  this.setState({
            colors:[]
        })

Answer 1

Your state is not mutated in any case. .map() returns a new array. Your state is only mutated when you directly assign it to another value without calling .setState() like so:

this.state.value = anotherValue;

Or:

this.state.value.push(anotherValue)

Answer 2

Since .map() returns a new array as a result, using it is safe and is not considered a mutation.

Basically, anything that doesn't change the original state or any direct references to it, is not considered a mutation.