代码之家 › 专栏 › 技术社区 › Ilja

在react native with typescript中使用createRef?

react-ref react-native typescript reactjs

Ilja · 技术社区 · 7 年前

我在想我该怎么用 React.createRef() 在react native with typescript中,以下代码抛出错误

 // ...

  circleRef = React.createRef();

  componentDidMount() {
    this.circleRef.current.setNativeProps({
      someProperty: someValue
    });
  }

  // ...

this.circleRef.current.setNativeprops

[ts]对象可能为“null”(财产) React.reObject<{}>。当前:{}|空

和

[ts]类型{}上不存在属性“setNativeProps”。任何

有什么想法吗?

1 回复 | 直到 7 年前

Matei Radu Ciaran George 7 年前

第一个问题可以在继续逻辑之前通过空检查来解决,因为 React.createRef() null :

componentDidMount() {
  if(this.circleRef !== null && this.circleRef.current !== null) {
    this.circleRef.current.setNativeProps({
      someProperty: someValue
    });
  }
}

第二个问题通过传递要为其创建引用的节点元素的类名来解决。例如,如果引用的元素是 <Text> ,然后执行:

circleRef = React.createRef<Text>();

circleRef setNativeProps 将存在 当且仅当引用的组件由本机视图直接支持时 :

方法 current Direct Manipulation - React Native documentation

jefelewis 5 年前

您可以向React Native Ref添加Typescript类型,如下所示:

const textInputRef: React.RefObject<TextInput> = React.createRef();

推荐文章

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

9 月前

Facundo Cabrera · 意外的应用程序错误!useNavigate()只能在<Router>组件的上下文中使用

9 月前

user29295031 · 如何使用react和vite覆盖Tailwinds css 4默认设计

9 月前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

9 月前

Luckkks · 过渡色工作不正常

9 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

9 月前

vatsal chauhan · 即使在字体预加载时,文本加载也很慢

9 月前

hasratyan · Next.js 15 API路由-动态路由中的无效GET导出错误[id]

9 月前

noblerare · Vite错误-未定义导出(SSR)

9 月前

ProfessorFinesse · 在默认表单中完成帖子请求时,“res.send”会去哪里?

9 月前