Reactjs React，RN，组件上的内联样式真的很糟糕吗？

我对造型不太了解，但我们的团队成员坚持认为，用1-方法做2-方法要困难得多

1路真的很糟糕，我应该试着让他换路吗

1.

render（）{
返回(

示例文本

);
}

2.

render（）{
常量样式={
颜色：“蓝色”
}
返回(

示例文本

);
}

两者都可以，您可以使用它们创建应用程序，#1适用于小项目，但在大型/复杂项目中#1会很混乱，您希望将样式与代码分开，并希望更有条理

在RN中，您应该使用#2来更轻松地管理代码并具有更好的可读性，在

react js

项目中，您应该有一个单独的外部CSS文件，如stylesheet.CSS，并在项目中使用它（如常规的

HTML CSS

）， 就我个人而言，我只是在测试某些东西时使用#1

---

希望这对您有用。

这两种方法肯定都有效，但内联样式有一个缺点

React Native的

样式表。create（{}）

缓存样式，这样应用程序需要通过网桥发送较少的数据。 如果将样式声明为内联，则在每次渲染时，样式都会通过桥发送到绘图，这会降低性能

当您使用

样式表.create

声明样式时，只有后续的渲染样式才会被一些类似快捷键的机制引用，从而提供更好的性能

因此，是的，尝试使用

样式表。尽可能多地创建

下面是关于React Native中样式表和样式的更多信息

render() {
    return (
         <p style={{color: 'red'}}>
            Example Text
        </p>
    );
}

render() {
  const styles = {
    color: 'blue'
  }

  return (
      <p style={styles}>
        Example Text
      </p>
  );
}