时间戳

首页 > 解决方案 > 将数据和逻辑放在 React 组件内部还是外部？

javascript - 将数据和逻辑放在 React 组件内部还是外部？

问题描述

我学习了反应，但我不明白将数据或函数放置在函数组件内部或外部之间有什么区别？

最佳做法是什么，何时使用第一个或第二个示例？

import React from 'react'

const SomeComponent = () => {
  const list = ['foo', 'bar']

  function add(foo) {
    return foo + 1
  }

  // other logics...

  return (
    // list...
  )
}

import React from 'react'

const list = ['foo', 'bar']

function add(foo) {
  return foo + 1
}

const SomeComponent = () => {
  // other logics...

  return (
    // list...
  )
}

祝你今天过得愉快 ：）

标签： javascriptreactjs

解决方案

如果您不想使用像 state 和其他方法这样的类组件，而不是在组件内声明外部组件 else 。在内部组件调用函数为this.functionName

推荐阅读