前端学习之——apaas篇

// 自定义组件开发请参考：https://ae.feishu.cn/hc/zh-CN/articles/503630516848
export interface Props {
  key1: string,
  onClick:(e:any) => void
}

const TestOne = (props: Props): JSX.Element => {
  return <span onClick={() => {
    // props?.onClick('click')的意思是如果props.onClick存在并且是一个函数，就调用该函数并传递参数'click'
    // 如果props.onClick不存在或者 不是一个函数，那么这个语句将会被忽略，不会引发错误。
    props?.onClick('click')
    alert('onClick gets called!')
  }}>Hello world!我是第一个自定义组件 {props.key1} </span>;
};

export default TestOne;

自定义组件的传值和事件。