考虑到下面的组件结构,我不想更新我的父级状态,然后应该更新我的GrandChild。我知道我可以使它工作,使儿童无国籍或只更新国家在儿童,但在我们的应用程序,这是目前的结构。有什么好办法来做这件事吗?还是我们应该重新设计?我们在父级中保持状态,因为我们不想向应用程序中的许多http请求发出状态。在父类中,我们获取所需的数据并进行初始修改。然后将这些数据发送到其他组件,而这些组件又具有子组件,因此出现了示例结构。
在本例中打印的内容:Test: 1235
import * as React from 'react';
import * as ReactDOM from '
在我的应用程序中,我试图避免直接修改一个支柱,但是我一直在终端中得到这个错误:
Unexpected side effect in "reversedList" computed property
然后在控制台里我得到:
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value.
你好,好的,我的代码运行了,但当我与星星发生碰撞时,它会擦除屏幕上的所有东西,但我需要做的是将星星从屏幕上移走,但保持其他所有内容不变,因为我计划为稍后收集的每个星星创建一个记分板。
stars=[];
stars.push({
x: 420,
y: 580,
width: 5,
height: 5
});
function update() {
var score = 0; // score starts at 0
// check keys
if (keys[38] || keys[32]) {
// up arrow or space
if (
我需要从我的材料表中删除一个用户,但是页面不刷新。在我的控制台上没有问题,但是在表中什么也没有发生。
如果我像在NgonInit中一样获取用户,它会重新加载整个表,而不是删除后的数据。
ts文件
deleteUser(user) {
this.dataSource.data.splice(this.dataSource.data.indexOf(user), 1);
console.log(user); // I have the good user
console.log(this.dataSource.data); // my table is updated
请帮我弄清楚为什么组件是这样工作的。我有一个类似下面这样的功能组件: function MyComponent(props) {
const { dataArr } = props;
[ownDataArr, setOwnDataArr] = useState([...dataArr]);
// doesn't change after changing in the state of the parent component
console.log(ownDataArr);
return (
// ownDataArr is used here
);