我是那只蝴蝶

useStat的setState方法重复执行数据是改变了,但是页面只会根据数据重新渲染一次,第二次页面就不会改变了

javascript hook react

//这块的需求就是改变static的值页面根据值来决定是否能够拖拽,用了layout-grid-react的插件,

const mycode = () =>{
const [layout,setLayout] = useState(initstate) //initstate = [{static:’‘,age:2},{static:’‘,age:2},{static:’‘,age:2}]
function handclick (){
let temporary = []
temporary = layout.map( item =>{
item.static = !item.static
console.log(item.static) //这里打印的static是已经变化的,但是页面没有重复渲染
return item
})
setLayout(temporary)
}

return(
<div>
<button onClick={ handclick }>
<div className= {static?xxx:xxx}>       //这里的意思就是为true的时候可以移动,false的时候不能移动,大概就是这个意思
</button>
</div>
)

}


阅读 95

收藏
2020-05-20

共0个答案

回答这个问题

Nothing to preview