Javascript 页码问题

我有一个使用点击计数器的应用程序

const App = () => {
  const [nr, setNr] = useState(1);
  return (
    <div>
      <p>{nr}</p>
      <Pagination defaultCurrent={nr} total={50} />
      <button onClick={() => setNr(nr + 1)}>click</button>
    </div>
  );
};

const-App=（）=>{
const[nr，setNr]=useState（1）；
返回(
{nr}

setNr（nr+1）}>单击
);
};

根据值的不同，

defaultCurrent

应该在我的分页组件中更改，但即使值在更改，它也不起作用。为什么当我点击计数器时页面不改变

---

演示：

您应该使用

current

prop:

const-App=（）=>{
const[nr，setNr]=useState（1）；
返回(
{nr}

setNr（nr+1）}>单击
);
};

您应该使用当前的

道具：

const-App=（）=>{
const[nr，setNr]=useState（1）；
返回(
{nr}

setNr（nr+1）}>单击
);
};
defaultCurrent
仅在装载时初始化，因此您应该使用
current
属性

见示例：




defaultCurrent
仅在装载时初始化，因此您应该使用
current
属性

见示例：




沙箱有错误。您没有渲染
按钮
和
p

@palaѕêêê，但为什么在我单击按钮后单击（例如，直到3），并且在单击按钮1之后，活动的也仍然是3？沙盒有一个错误。您没有渲染

按钮

和

p

@palaѕ呫呫，但是为什么在我单击按钮后单击（例如，直到3），并且在单击按钮后，如果我单击按钮1，活动的也仍然是和3？但是为什么在我单击按钮后单击

按钮后单击（例如，直到3），在那之后，如果我点击按钮
1
，激活的也仍然是
3
？我在答案中添加了一个codesandbox，检查它，你应该使用
onChange
，我会接受你的回答，但是你能看看我的另一个问题吗？但是为什么在我点击按钮
click
（例如直到3）之后，如果我点击按钮
1
，激活的也仍然是
3
？我在答案中添加了一个代码沙盒，检查它，你应该使用
onChange
，因为它要工作，我会接受你的答案，但是你能看看我的另一个问题吗？但是为什么在我点击按钮后点击（例如直到3），然后如果我点击按钮1，激活的也仍然是和3？但是为什么在我点击按钮后点击（例如直到3），然后如果我点击按钮1，激活的也仍然是和3？