ContentEditable组件数组中的useRef

文章/答案/技术大牛

发布

1回答

reactjs、react-hooks、contenteditable、use-ref

我有一个ContentEditable组件数组，我想从这些组件中获取值，并在它旁边显示一个适当的容器。我的困难在于，我认为我需要一个useRef数组来定位特定的ContentEditable组件，并将正确的e.target.value设置为正确的inputRef.current https://codesandbox.io

浏览 78提问于2021-01-17得票数 0

回答已采纳

3回答

React contentEditable和光标位置

javascript、reactjs

我有一个简单的组件 constructor(props) { /> }export default ContentEditable; value={this.state

浏览 3提问于2017-07-25得票数 20

1回答

如何使用contentEditable在多个输入或元素之间拖动鼠标以选择内部的文本？

javascript、html、css、reactjs

当contentEditable设置为true时，只能选择焦点突出的元素。我在试着让细胞像excel一样发挥作用。我希望只需一次单击就可以编辑单元格，否则我只需设置状态contentEditable并选择它们作为常规div元素。我想用onMouseOut做一些事情，将状态更改为false，但这似乎不起作用。App组件：import Cell from ".<Cel

浏览 17提问于2022-04-15得票数 2

2回答

如何使用新对象更新父级状态

javascript、reactjs

尝试实现一个向我的ReactJS表添加新值的函数。单击“： ”按钮时出现的精确错误 import '.，该组件

浏览 4提问于2021-01-18得票数 0

回答已采纳

1回答

防止内容可编辑类型的div元素失去焦点

reactjs、focus、contenteditable、dangerouslysetinnerhtml

value: eventValue }) }} dangerouslySetInnerHTML={{ __html: value }}我想要使富文本元素是可编辑的，并将在其中显示html字符串，我已经尝试了如何在div内呈现html字符串--使用dangerouslySetI

浏览 13提问于2022-01-14得票数 1

2回答

element.focus()不适用于重命名的contentEditable div元素

javascript、reactjs、richtext

我希望在value状态变量的内部具有相同的文本值，然后将它以某种方式封装在html标记<p>Hello <b> Andrew</b></p>中，并在相同的字段中进行实时显示(样式化)。为了在div，contentEditable字段中显示contentEditable标记，我需要使用dangerouslySetInnerHTML，这是主要的问题。在每个按钮按下，我更新值，组件<

浏览 6提问于2022-01-15得票数 2

1回答

如何在react中更改我的非输入标签？

reactjs

它应该看起来像是我在p或div标签中写的，而不是我在文本区域或输入中写的。

浏览 9提问于2020-04-12得票数 1

回答已采纳

1回答

授予子功能组件访问父功能组件中定义的Ref。useRef()

reactjs、react-hooks、react-ref

我需要访问“编辑器”，它是在我的父组件(Editor.js)中定义的引用。我的子组件(Toolbar.js)有函数imgChangeHandler，它需要编辑器ref。做这件事最好的方法是什么？Editor.js (父级)： import React, {useRef, useState} from "react" function="edito

浏览 8提问于2020-03-26得票数 0

2回答

react.js如何自动聚焦contentEditable元素

reactjs、contenteditable、autofocus

如何在react中将焦点设置在contentEditable元素上？我找到了很多关于潜艇的页面，但就是不能让它工作。示例代码： import React, { useRef, useEffect } from 'react'; const inputRef = useRefclassName="about">

浏览 162提问于2020-09-19得票数 1

回答已采纳

2回答

反应钩子- useState值不能改变

reactjs、contenteditable、react-hooks

问题import React, { useState } from "react";import ContentEditable from"react-contenteditable"; const [value, setValue]

浏览 1提问于2019-06-04得票数 4

回答已采纳

2回答

React.createRef和React.useRef的区别是什么？

javascript、reactjs、react-hooks

我遵循了几个代码示例，所有示例都引用了useRef，但代码根本不起作用。然而，当我将其更改为createRef时，它就完美地工作了。因此我很好奇这两个函数之间的区别是什么？onChange={e => handleChange(e)}/> 如果我将createRef()更改为useRef()、useRef(null)或useRef('')，则初始焦点功能将停止工作。

浏览 1提问于2019-09-16得票数 1

1回答

无法使用scrollToIndex钩子访问React本机中的useRef* ()方法*

reactjs、react-native、react-hooks

我试图使用函数组件中的scrollToIndex()钩子从FlatList访问useRef方法或useRef方法。我希望能够在组件中使用flatListRef.current.ScrollToIndex()，类似于基于类的组件使用this.flatListRef.ScrollToIndex()的方式。const flatListRef = useRef(React.createRef)

浏览 5提问于2019-10-09得票数 3

回答已采纳

2回答

TypeError:未定义不是对象(计算'_this.camera = _ref')

javascript、react-native、expo-camera

-App开发在，我有一个世博相机的问题。这里，当您想要拍照时，会引用一个错误。我试过很多次了，但我需要帮助。

浏览 21提问于2022-03-13得票数 0

回答已采纳

1回答

“函数组件不能给参考”与forwardRef连接在功能组件中

reactjs、typescript、redux、react-redux、react-hooks

父组件(我删除了一些相关代码)：importdispatch, props) => {}子函数组件(我删除了一些不相关的代码)： useState,

浏览 2提问于2020-05-11得票数 1

回答已采纳

1回答

响应钩子静态变量:对象属性与useRef()

javascript、reactjs、static、react-hooks

在useRef()钩子中的React函数组件中声明静态变量与将它们简单地声明为对象属性有什么优缺点。useRef方法： const staticProp = useRef

浏览 1提问于2019-09-30得票数 5

回答已采纳

1回答

React本机JavaScript: TypeError: null不是一个对象(计算'chatSocket.send')

javascript、reactjs、react-native、websocket

所以我有一个项目，我使用的是 WebSockets。onPress={() => handleSend(message)} /> );我认为钩子有一个错误组件是从导航App.Js调用的。而不是我在前面设置的WebSocket。它与域中的Auth令牌连接到Ip (这不是最优的，只是用于测试)。如果用户将某些内容放入<TextInput

浏览 2提问于2021-04-30得票数 0

回答已采纳

1回答

每次在ReactJs中重新呈现组件时重置实例变量

reactjs

我创建了一个功能组件，并在其中声明了一些变量。and do some task <SelectionOption onChange={selectValue} />} 我观察到，每当重新呈现Foo的父组件时如果我将instanceVariable设置为state，它将会工作，并且不需要状态来只保存选定的值。

浏览 25提问于2020-05-18得票数 4

回答已采纳

2回答

元素的.innerText没有显示。

html、reactjs、react-hooks、contenteditable、innertext

我有一个div，即contenteditable，并使用useRef()获取div，这是一个reactjs钩子。我遗漏了什么吗？，这只是我创建的一个片段， const inputRef = useRef(); const showText =; alert("text: ", inputRef.current.in

浏览 0提问于2021-09-03得票数 1

1回答

通过React中的innerHTML从div中获取更改后的contentEditable

reactjs、innerhtml、contenteditable、refs

我使用contentEditable来使div元素可编辑，然后使用innerHTML引用div。但这些信息似乎并没有进入身体的状态。import React, {useState, useRef} from "react"; const

浏览 3提问于2020-09-17得票数 1

回答已采纳

1回答

React Native引用在页面重新加载之前未定义

react-native、react-native-animatable

我正在使用引用动画视图，但是引用抛出了一个未定义的错误。但是，如果我注释掉访问ref的尝试，加载页面，取消注释代码，并重新加载页面，动画就能正常工作。我的代码： export const AccountScreen = ({ navigation }) => { return (ref似乎不是在执行launchOpenAnimation()时定义的，而是在执行后定义的，因此如果我注释掉它，重新加载，取消注释，然后再次重新加载，代码就会正常工作。

浏览 15提问于2020-07-04得票数 1

回答已采纳

点击加载更多