React Native 中的元素选择器

Question

这是一个示例ReactJS代码：

import React from 'react';
import './App.css';

function App() {
    doument.getElementById("my-id1").innerHTML = "Some Text Here"
return (
<div className="App">
    <p id="my-id1"></p>
</div>

);
}
export default App;

但是当运行在 React Native 中使用 document.getElementById() 的语法时，我得到一个运行时错误。

我应该在 React Native 中使用什么代替 document.getElementById() 来获得完全相同的输出

Answer 1

嗨，我不确定你想用 that.Can 在 React Native 中尝试做什么，请你解释一下，也许我可以提供帮助。

doument.getElementById("my-id1").innerHTML = "Some Text Here"

在 React Native 中是不可能的。

你可以在 React Native 中使用 useState() 或 states 来完成。

如果您需要更多相关信息，请告诉我。

Answer 2

我看到您想在 html 标记中插入文本。在 React 中，props 用于告诉组件它将具有哪些属性，示例：

const SampleComponent = props => {
   return (<p> {props.text} </p>)
};

在您的组件中：

return (
     <SampleComponent text = {"Hi world"} />
)

这是使用 React 或 React native 设计视图的基本模式。请注意，您不得在本机反应中使用 HTML，您必须使用其本机类似物（示例中的视图、文本、文本输入）。

React Native 中的元素选择器

Element Selector in React Native

jsx

reactjs

react-native