React Native和React的区别是什么?

我已经开始学习React出于好奇，想知道React和React Native之间的区别-虽然不能找到一个满意的答案使用谷歌。React和React Native似乎有相同的格式。它们的语法完全不同吗?

当前回答

React Native是一个JavaScript框架，它提供了编写多平台应用程序(如iOS或Android)所需的一切。

ReactJS是一个JavaScript库，用于构建web界面和构建您的网站。

2020-10-31 15:48:25

其他回答

反应:

React是一个声明性的、高效的、灵活的JavaScript库构建用户界面。

本机反应:

React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI from declarative components. With React Native, you don't build a “mobile web app”, an “HTML5 app”, or a “hybrid app”. You build a real mobile app that's indistinguishable from an app built using Objective-C or Java. React Native uses the same fundamental UI building blocks as regular iOS and Android apps. You just put those building blocks together using JavaScript and React. React Native lets you build your app faster. Instead of recompiling, you can reload your app instantly. With hot reloading, you can even run new code while retaining your application state. Give it a try - it's a magical experience. React Native combines smoothly with components written in Objective-C, Java, or Swift. It's simple to drop down to native code if you need to optimize a few aspects of your application. It's also easy to build part of your app in React Native, and part of your app using native code directly - that's how the Facebook app works.

基本上React是web应用视图的UI库，使用javascript和JSX, React native是React之上的一个额外库，用于iOS和Android设备的原生应用。

React代码示例:

import React, { Component } from 'react';
import ReactDOM from 'react-dom';

class Clock extends React.Component {
  constructor(props) {
    super(props);
    this.state = {date: new Date()};
  }

  componentDidMount() {
    this.timerID = setInterval(
      () => this.tick(),
      1000
    );
  }

  componentWillUnmount() {
    clearInterval(this.timerID);
  }

  tick() {
    this.setState({
      date: new Date()
    });
  }

  render() {
    return (
      <div>
        <h1>Hello, world!</h1>
        <h2>It is {this.state.date.toLocaleTimeString()}.</h2>
      </div>
    );
  }
}

ReactDOM.render(
  <Clock />,
  document.getElementById('root')
);

React Native代码示例:

import React, { Component } from 'react';
import { Text, View } from 'react-native';

class WhyReactNativeIsSoGreat extends Component {
  render() {
    return (
      <View>
        <Text>
          If you like React on the web, you'll like React Native.
        </Text>
        <Text>
          You just use native components like 'View' and 'Text',
          instead of web components like 'div' and 'span'.
        </Text>
      </View>
    );
  }
}

有关React的更多信息，请访问facebook团队创建的官方网站:

https://reactjs.org/

有关React Native的更多信息，请访问下面的React Native网站:

https://reactnative.dev/

2017-04-18 02:07:51

简单地说，React和React native遵循相同的设计原则，除了在设计用户界面的情况下。

React本机有一组单独的标记来定义user 但是两者都使用JSX来定义组件。这两个系统的主要目的是开发可重用的ui组件，并通过其组合减少开发工作。如果你正确地规划和构建代码，你可以在移动和web上使用相同的业务逻辑

无论如何，它是一个为移动和网络构建用户界面的优秀库。

2017-04-03 16:05:28

React用于在浏览器中工作的web应用程序。 React Native用于android和IOS应用程序，这些应用程序在移动应用程序中工作。

2020-07-02 08:52:28

ReactJS是一个JavaScript库，支持前端web和在服务器上运行，用于构建用户界面和web应用程序。它遵循可重用组件的概念。