反应传播运算符 (...rest) 替代方案？

Question

I'm not able to include babel-preset-stage-3 in my pipeline. Are there any alternatives to the spread operator?

I'm trying to compile the following code and it is giving syntax errors:

const PrivateRoute = ({ component: Component, ...rest }) => (
  <Route
    {...rest}
    render={props =>
      fakeAuth.isAuthenticated ? (
        <Component {...props} />
      ) : (
        <Redirect
          to={{
            pathname: "/login",
            state: { from: props.location }
          }}
        />
      )
    }
  />
);

Answer 1

Using lodash.omit :

const PrivateRoute = (props) => {
  const Component = props.component;
  const rest = omit(props, ['component'])
  return (
  <Route
    {...rest}
    render={props =>
      fakeAuth.isAuthenticated ? (
        <Component {...props} />
      ) : (
        <Redirect
          to={{
            pathname: "/login",
            state: { from: props.location }
          }}
        />
      )
    }
  />
);
}

Answer 2

Install babel-plugin-transform-object-rest-spread

npm install --save-dev babel-plugin-transform-object-rest-spread

In your .babelrc file, add the following lines

{
  "plugins": ["transform-object-rest-spread"]
}

Answer 3

Try using this function for simplicity:

                    var vals;
        console.log(typeof out)
        isobj = typeof(out) === 'object'?true:false


                if (Object.values) {
                    vals = Object.keys(obj).map(function(i) { 
           if(isobj)
             out[i] = obj[i]; 

                    })
                }else
                    vals= Object.values(obj) 
                return vals;
````}