时间戳

首页 > 解决方案 > 读取反应函数内的标签主体

reactjs - 读取反应函数内的标签主体

问题描述

我已经制作了这个组件 MButton 与文本提交作为标签的内容

<MButton value={"Go"} color={"primary"} onChange={onChange} fullWidth={true}>Submit</MButton>

我需要访问它的内容（文本Submit）。下面是 MButton 的代码，我不想要参数，我可以访问“值”参数并写“提交”而不是“去”。

function MButton(params) {
  const classes = useStyles();
  return (
    <Button
      fullWidth={params.fullWidth}
      variant="contained"
      color={params.color}
      className={classes.button}
      onChange={params.onChange}
    >
      //Submit from above
    </Button>
  );
}

标签： reactjs

解决方案

您可以使用children道具：

function MButton(params) {
  const classes = useStyles();
  return (
    <Button
      fullWidth={params.fullWidth}
      variant="contained"
      color={params.color}
      className={classes.button}
      onChange={params.onChange}
    >
      {params.children}
    </Button>
  );
}

params.children返回特定元素的开始和结束标签内的所有内容。请在此处阅读更多信息。

推荐阅读