函数: useMainThreadRef()

useMainThreadRef(initValue)

function useMainThreadRef<T>(initValue: T): MainThreadRef<T>

Create A MainThreadRef.

A MainThreadRef is a ref that can only be accessed on the main thread. It is used to preserve states between main thread function calls. The data saved in current property of the MainThreadRef can be read and written in multiple main thread functions.

It is a hook and it should only be called at the top level of your component.

类型参数

类型参数
`T`

参数

范围	类型	描述
`initValue`	`T`	The init value of the `MainThreadRef`.

MainThreadRef<T>

示例

import { useMainThreadRef } from '@lynx-js/react'
import type { MainThread } from '@lynx-js/types'

export function App() {
  const ref = useMainThreadRef<MainThread.Element>(null)

  const handleTap = () => {
    'main thread'
    ref.current?.setStyleProperty('background-color', 'blue')
  }

  return (
    <view
      main-thread:ref={ref}
      main-thread:bindtap={handleTap}
      style={{ width: '300px', height: '300px' }}
    />
  )
}

定义于

@lynx-js/react/runtime/lib/snapshot/worklet/ref/workletRef.d.ts:55

useMainThreadRef(initValue)

function useMainThreadRef<T>(initValue: null | T): RefObject<T>

Create A MainThreadRef.

It is a hook and it should only be called at the top level of your component.

类型参数

类型参数
`T`

参数

范围	类型	描述
`initValue`	`null` \| `T`	The init value of the `MainThreadRef`.

RefObject<T>

示例

import { useMainThreadRef } from '@lynx-js/react'
import type { MainThread } from '@lynx-js/types'

export function App() {
  const ref = useMainThreadRef<MainThread.Element>(null)

  const handleTap = () => {
    'main thread'
    ref.current?.setStyleProperty('background-color', 'blue')
  }

  return (
    <view
      main-thread:ref={ref}
      main-thread:bindtap={handleTap}
      style={{ width: '300px', height: '300px' }}
    />
  )
}

定义于

@lynx-js/react/runtime/lib/snapshot/worklet/ref/workletRef.d.ts:94

useMainThreadRef()

function useMainThreadRef<T>(): MainThreadRef<T | undefined>

Create A MainThreadRef.

It is a hook and it should only be called at the top level of your component.

类型参数

类型参数	默认类型
`T`	`undefined`

MainThreadRef<T | undefined>

示例

import { useMainThreadRef } from '@lynx-js/react'
import type { MainThread } from '@lynx-js/types'

export function App() {
  const ref = useMainThreadRef<MainThread.Element>(null)

  const handleTap = () => {
    'main thread'
    ref.current?.setStyleProperty('background-color', 'blue')
  }

  return (
    <view
      main-thread:ref={ref}
      main-thread:bindtap={handleTap}
      style={{ width: '300px', height: '300px' }}
    />
  )
}

定义于

@lynx-js/react/runtime/lib/snapshot/worklet/ref/workletRef.d.ts:131

函数: useMainThreadRef()

useMainThreadRef(initValue)

类型参数

参数

返回

示例

定义于

useMainThreadRef(initValue)

类型参数

参数

返回

示例

定义于

useMainThreadRef()

类型参数

返回

示例

定义于

#函数: useMainThreadRef()

#useMainThreadRef(initValue)

#类型参数

#参数

#返回

#示例

#定义于

#useMainThreadRef(initValue)

#类型参数

#参数

#返回

#示例

#定义于

#useMainThreadRef()

#类型参数

#返回

#示例

#定义于

函数: useMainThreadRef()

useMainThreadRef(initValue)

类型参数

参数

返回

示例

定义于

useMainThreadRef(initValue)

类型参数

参数

返回

示例

定义于

useMainThreadRef()

类型参数

返回

示例

定义于