Рекомендуемый способ в React Hook в React - PullRequest
Новая
       11

Рекомендуемый способ в React Hook в React

0 голосов
/ 11 июля 2020
• 1000 
export default function Users(){
  ...
 }

Каков рекомендуемый / лучший способ сделать это?

Ответы [ 2 ]

0 голосов
/ 11 июля 2020

Это больше связано с JavaScript (хотя контекст - это компоненты функции React). 

const Users = () => {
  //....
 }
export default Users;

function Users() {
  //...
}
export default Users;

export default function Users(){
  //...
}

// Usage with auto-complete
import Users from './Users.js';

Эффект экспорта такой же, хотя есть разница между функциями и функциями стрелок .

Но при таком экспорте у нас есть более существенная разница: 

// Bad practice, don't do it!
// No auto-complete, no function name while debugging
export default () => {
  // Users logic
  //...
}

// No auto complete on typing Users, need to name the default export
import MyUsers from './Users.js';
0 голосов
/ 11 июля 2020

На самом деле оба являются стандартными способами. Вы можете использовать любой из них, и проблем с производительностью нет. однако есть некоторые преимущества использования кода, например, ниже: 

const Users = () => {}
export default Users;

  • Это называется стрелочной функцией, и это функция ES6.

  • Синтаксис стрелки автоматически привязывает this к контексту окружающего кода

  • Синтаксис допускает неявный возврат, когда нет основного блока, что в некоторых случаях приводит к более короткому и простому коду

  • И последнее, но не менее важное: => короче и проще, чем функция, хотя стилистические c проблемы часто субъективны

Итак, для наилучшей практики и удобства использования , вы должны go для Arrow Function

Для лучшего понимания вы можете проверить Это

...