美文网首页
react 将div置位可编辑的状态,输入完成后将文本传给父组件

react 将div置位可编辑的状态,输入完成后将文本传给父组件

作者: 臭臭的胡子先生 | 来源:发表于2018-03-27 19:59 被阅读0次

div 通过 contentEditable={true} 属性,将div改为可编辑状态,输入完成后可以通过onBlur,onChange传值给父组件,拿到内容是包括标签css样式等等

这是render部分传值给父组件代码 也可以将值存在本地通过   通过这个方法就可以将拿到的内容渲染到页面中

相关文章

  • react 将div置位可编辑的状态,输入完成后将文本传给父组件

    div 通过 contentEditable={true} 属性,将div改为可编辑状态,输入完成后可以通过onB...

  • react组件传值的几种方式

    react 组件传值一、父组件传给子组件父组件通过props传递给子组件; 二、子组件传给父组件父组件通过prop...

  • React中的状态提升

    React中的状态提升概括来说,就是将多个组件需要共享的状态提升到它们最近的父组件上.在父组件上改变这个状态然后通...

  • Vue组件之间传递数据

    本篇主要内容: 1、父组件向子组件传值 2、父组件向子组件传递方法 3、将整个父组件传给子组件 4、父组件主动获取...

  • Vuex基础

    父子组件之间的通信,父组件通过props向子组件传递参数,子组件通过$emit将数据回传给父组件。但是如果我们有多...

  • 小程序wepy框架之组件props传值

    通过研究props主要作用是将父组件的值传给子组件,下面是官方文档: //父组件中的值title

  • react native组件通信方式

    1:父组件给子组件通过props2: 通过回调父组件传递一个函数 子组件将执行结果回传给父组件3:通过ref方...

  • React基础(8) -- 组件API

    React 组件 API 在本章节中我们将讨论 React 组件 API。我们将讲解以下7个方法: 设置状态:se...

  • 组件

    React组件可以使我们将页面分为各个独立的,可复用的部件。组件可以接受任意的输入值,称之为props。组件调用后...

  • RN与iOS原生通信

    简介 在 React 中信息是单向传递的,每个组件都仅依赖于它父组件和自己的状态。通过属性(props)我们将信息...

网友评论

      本文标题:react 将div置位可编辑的状态,输入完成后将文本传给父组件

      本文链接:https://www.haomeiwen.com/subject/lwnscftx.html