From 2aecbcd6f1a0ac975f01d41dad11722bc8c8da72 Mon Sep 17 00:00:00 2001
From: locknono <39038992+locknono@users.noreply.github.com>
Date: Wed, 7 Nov 2018 09:33:26 +0800
Subject: [PATCH] "functional component" -> "function component" (#14123)
---
packages/create-subscription/README.md | 4 ++--
packages/eslint-plugin-react-hooks/src/RulesOfHooks.js | 4 ++--
.../__tests__/ReactDOMServerIntegrationSpecialTypes-test.js | 2 +-
3 files changed, 5 insertions(+), 5 deletions(-)
diff --git a/packages/create-subscription/README.md b/packages/create-subscription/README.md
index a3f6042126..1dac62060d 100644
--- a/packages/create-subscription/README.md
+++ b/packages/create-subscription/README.md
@@ -81,7 +81,7 @@ import React from "react";
import { createSubscription } from "create-subscription";
// Start with a simple component.
-// In this case, it's a functional component, but it could have been a class.
+// In this case, it's a function component, but it could have been a class.
function FollowerComponent({ followersCount }) {
return
You have {followersCount} followers!
;
}
@@ -164,7 +164,7 @@ function LoadingComponent({ loadingStatus }) {
}
}
-// Wrap the functional component with a subscriber HOC.
+// Wrap the function component with a subscriber HOC.
// This HOC will manage subscriptions and pass values to the decorated component.
// It will add and remove subscriptions in an async-safe way when props change.
const PromiseSubscription = createSubscription({
diff --git a/packages/eslint-plugin-react-hooks/src/RulesOfHooks.js b/packages/eslint-plugin-react-hooks/src/RulesOfHooks.js
index 571c7b506f..c67876009d 100644
--- a/packages/eslint-plugin-react-hooks/src/RulesOfHooks.js
+++ b/packages/eslint-plugin-react-hooks/src/RulesOfHooks.js
@@ -282,12 +282,12 @@ export default {
// Gets the function name for our code path. If the function name is
// `undefined` then we know either that we have an anonymous function
// expression or our code path is not in a function. In both cases we
- // will want to error since neither are React functional components or
+ // will want to error since neither are React function components or
// hook functions.
const codePathFunctionName = getFunctionName(codePathNode);
// This is a valid code path for React hooks if we are direcly in a React
- // functional component or we are in a hook function.
+ // function component or we are in a hook function.
const isSomewhereInsideComponentOrHook = isInsideComponentOrHook(
codePathNode,
);
diff --git a/packages/react-dom/src/__tests__/ReactDOMServerIntegrationSpecialTypes-test.js b/packages/react-dom/src/__tests__/ReactDOMServerIntegrationSpecialTypes-test.js
index c34d979ac2..ede1126863 100644
--- a/packages/react-dom/src/__tests__/ReactDOMServerIntegrationSpecialTypes-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMServerIntegrationSpecialTypes-test.js
@@ -83,7 +83,7 @@ describe('ReactDOMServerIntegration', () => {
expect(div.textContent).toBe('Test');
});
- describe('memoized functional components', () => {
+ describe('memoized function components', () => {
beforeEach(() => {
resetModules();
});