如何将contenteditable属性传递给html?

时间:2017-06-27 22:26:42

标签: reactjs contenteditable react-rails

我想使用CustomButton button = new CustomButton(); button.CustomButtonListener(def()); public void def(){ String a = "lambda!"; System.out.print("a"); } 属性来制作内容。但是当我将它添加到我的组件时 - 它无处可寻。

contenteditable

尝试使用class CompName extends React.Component { render() { return ( <div className="CompName" > <div contenteditable={true}>Somecontent</div> </div> ); } } 作为字符串。我错过了一些基本的东西吗?我对React很新。

我正在使用true gem。

2 个答案:

答案 0 :(得分:2)

来自reactjs docs

  

由于JSX比HTML更接近JavaScript,因此React DOM使用camelCase   属性命名约定而不是HTML属性名称。对于   例如,class在JSX中变为 className tabindex变为   的 tabIndex

您必须使用contentEditable={true}

class CompName extends React.Component {
  render() {

    return (
      <div className="comp-name" >
        <div contentEditable={true}>Somecontent</div>
      </div>
    );
  }
}

尚未尝试使用contenteditable html元素做出反应,但我可以想象,根据您希望如何使用它们,您将遇到一些问题而组件中没有任何进一步的更新逻辑。

答案 1 :(得分:1)

您应该将其作为contentEditable传递给不可信的。 这不是HTML,它是JSX。您应该在传递属性时遵循JS约定。

https://facebook.github.io/react/docs/dom-elements.html