使用ESLint规则反应Redux

Question

在使用具有Airbnb风格和ESlint规则的React和Redux时，我对解构和上限有一些困惑：

import user from "./userModel";

class MyName extends Component {
  state = { user, size:0 };
render() {
    const {size}=this.state ; 
    const { username, items, location } = this.state.user;
    return (...)}}
MyName.propTypes = {createNewUser: PropTypes.func.isRequired
  // users: PropTypes.object};
const mapStateToProps = state => ({users: state.users});
export default connect(mapStateToProps,{ createNewUser})(MyName);

在此代码中，关于状态的销毁，ESLint说Must use destructuring state assignment (react/destructuring-assignment) ，当我将其重写为

const {size, user}=this.state ; 
const { username, items, location } = user;

我再次收到

'user' is already declared in the upper scope. (no-shadow)

当我解构用户（商店）的用户时会显示相同类型的警告，例如const {users}=this.props; 它说'users' is missing in props validation (react/prop-types)而当我'users' is missing in props validation (react/prop-types)定义它时，则表示object被禁止

Answer 1

您可以在销毁结构时“重命名”变量以防止冲突：

const { size, user: currentUser } = this.state;

接受来自this.state.user的值，并将其分配给currentUser 。