ReactJS - setState不更新属性

Question

我在React组件中有一个object类型的属性。使用setState我正在尝试修改此属性。但是在里面给这个属性赋一个新值 setState无效。请在下面找到我的示例代码。

export const Test = ({
  objectArray,
  changeState = function (newoOjectArray) {
    this.setState({objectArray: newoOjectArray});
    console.log(JSON.stringify(objectArray)); // Doesn't reflect changes. Prints old objectArray
  }
 }) => 
(
    <div>Some data</div>
)

某些用户操作会触发对changeState(newoOjectArray)的调用。我在setState函数内调用了changeState 调用setState后，如果我将objectArray变量打印到控制台，它仍然保留旧值。 如何setState为objectArray分配新值 感谢

修改

我知道setState是异步的，对属性的更新可能会在延迟后反映出来。 但是在上面的示例代码的情况下，即使在延迟之后，objectArray变量也永远不会更新 我已经实现了componentWillReceiveProps(nextProps)方法并且它被调用但它总是接收旧的objectArray。 所以我不认为这个问题与setState异步有关。

EDIT2

我创建了一个示例应用程序来演示我面临的问题。示例应用程序在本地运行良好，我可以重现该问题。 但我无法在codepen中使用相同的示例应用代码。它给了我一些＆＃39; unexpected token＆＃39;错误。 但我希望看看这些代码能更好地理解我的问题。 代码基于现有的应用程序结构。

Codepen example here

在代码中，我有一个Parent和两个孩子Child1和Child2。 在Parent中，我定义了一个函数changeState，我将其作为属性传递给Child1。 并且Child2我正在通过name＆＃39;来自Parent的财产 点击'Change Name＆＃39; Child1中的按钮会触发changeState Parent函数的调用。 Parent中姓名的初始值为＆＃39; Robert＆＃39;。从changeState调用Child1，新名称值为＆＃39; Tom＆＃39;。 但是在changeState函数中，将新值分配给＆＃39; name＆＃39;使用setState无效。我正在调用一个函数来打印＆＃39; name＆＃39; 在setState完成后，它会打印旧名称值，而不是setState中分配的新名称。