Reactjs子组件在props中设置父组件提供的状态数组时进入无限循环

React.js是一个用于构建用户界面的JavaScript库。在React.js中，组件是构建用户界面的基本单元，可以将组件看作是一个独立的、可复用的代码块。

在React.js中，组件之间通过props（属性）进行数据传递。父组件可以将状态数组作为props传递给子组件，并在子组件中进行使用。然而，如果在子组件中尝试修改父组件提供的状态数组，可能会导致无限循环的问题。

这是因为在React.js中，当组件的状态或props发生变化时，组件会重新渲染。如果子组件在props中设置了父组件提供的状态数组，并且尝试修改该数组，会导致父组件的状态发生变化，从而触发父组件的重新渲染。而父组件重新渲染后，又会重新传递更新后的状态数组给子组件，从而形成无限循环。

为了避免这种情况，可以采取以下几种解决方案：

1. 避免直接修改父组件提供的状态数组：子组件应该避免直接修改父组件提供的状态数组，而是通过回调函数或其他方式将需要修改的数据传递给父组件，由父组件来修改状态数组。
2. 使用shouldComponentUpdate生命周期方法：在子组件中，可以通过重写shouldComponentUpdate方法来控制组件是否需要重新渲染。可以在该方法中判断父组件提供的状态数组是否发生变化，如果没有变化，则返回false，避免重新渲染。
3. 使用React.memo进行性能优化：React.memo是一个高阶组件，可以用于包装子组件，以避免不必要的重新渲染。可以将子组件包装在React.memo中，以确保只有在props发生变化时才重新渲染子组件。

总结起来，为了避免React.js子组件在props中设置父组件提供的状态数组时进入无限循环，应该避免直接修改父组件提供的状态数组，可以使用回调函数将需要修改的数据传递给父组件，同时可以使用shouldComponentUpdate方法或React.memo进行性能优化。