javascript - 方法参数 : destructuring + keeping original parameter (ReactJS component)

标签 javascript reactjs ecmascript-6 destructuring

<分区>

有没有办法实现方法参数解构,又能获取方法参数。

在具有无状态组件的 React 应用程序的上下文中,我希望能够替换

const MyComponent = (props) => {
  const {prop1, prop2} = props;
  return (
    <div className={prop1 + '-' + prop2}>
      <Child {...props}/>
    </div>
  ) 
}

使用更简洁的语法,如

const MyComponent = (props: {prop1, prop2}) (
  <div className={prop1 + '-' + prop2}>
    <Child {...props}/>
  </div>
) 

有没有类似的语法可用?

最佳答案

我们有这个:

const MyComponent = ({ prop1, prop2, ...rest }) (
  <div className={prop1 + '-' + prop2}>
    <Child prop1={prop1} prop2={prop2} {...rest} />
  </div>
) 

关于javascript - 方法参数 : destructuring + keeping original parameter (ReactJS component),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40790772/

相关文章:

reactjs - userData.name 未显示用户名

reactjs - 使用带有 Electron 编译错误的 TSX 文件

Javascript 添加 text/html 到 div 替代方法

javascript - 是否可以破坏我的导入语句

javascript - AngularJS 如何将数据从子 Controller 发送到父 Controller ?

reactjs - 博览会和发布 channel ...如何识别开发/产品和真实 channel

javascript - 对同一 CSS 动画的多个实例进行动画处理

javascript - 更新 d3.js 组中的数据

javascript - 如何执行对 REST api 的异步 axios 调用并更新商店(redux thunk 令人困惑)?

javascript - Jquery 垂直制表符未知间隙和对齐方式