Question

我正在阅读React，并不乐意为render（）函数保留有效的HTML标记。以下是代码段。

工作代码：

WHERE 0 = 1 AND `post`.`cityId` = '1'

使用有效的HTML标记（带双引号的标题值）时不使用Code：

import React from "react";
export  default class Header extends React.Component {
  render () {
    const title="I am title";
    return (
      <img title={title} src="./test.png"></img>
    )
  }
}

我希望保留有效的HTML标记，以便在任何HTML标记问题时轻松易于跟踪我的开发。

有没有办法在双引号中使用动态属性值？

Answer 1

你不必关心这件事。 JSX编译为JS语法，为您呈现HTML。我们可以将其视为HTML上的第二个抽象层。

此外，HTML和React的组件实现之间存在很多差异。

关闭textarea HTML：

<textarea />

关闭textarea JS：

<textarea></textarea>

关于设置属性，你不能使它有效。

但最重要的是，你应该明白它是一个抽象层。这就是为什么有些人正在反对JSX，因为很多人都很困惑。因此，他们使用hypescript促进使用普通JS（参见右侧部分）。

Here是一篇很好的文章。

为＆＃34; render（）＆＃34;保留有效的HTML标记。将动态值作为属性

1 个答案: