传参-子传父

Posted js-liqian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了传参-子传父相关的知识,希望对你有一定的参考价值。

 

技术图片

 

 效果:

技术图片

 

 

const App = props => {
  let alerts = () => {
    props.alertSs(props.time)
  }
  let is = {color:props.color? "red" : "blue"}
  return <div onClick={alerts} style={is}>{props.time},</div>;
}
let Apps = ()=>{
  let alertSs = (time) => {
    alert(time)
  }
  return <div>
    {arrTime.map(item => <App alertSs={alertSs} key={item.time} time={item.time} color={item.color} />)}
  </div>
}

  

以上是关于传参-子传父的主要内容,如果未能解决你的问题,请参考以下文章

Vue组件间传值(超全,跨代)父传子,子传父,爷传孙,孙传爷,保姆级讲解

组件通信-子传父

组件通信-子传父

vue 组件之间相互传值 父传子 子传父

React传值(子传父,父传子)

This.parent.$emit用法(子传父)