Fix Dead links to documents in the comments (#32619)

Summary:
Links under `reactnative.dev` that ended with `.html` lead to Page not found.
Fixed the url so that users get sent to the appropriate url.

## Changelog

<!-- Help reviewers and the release process by writing your own changelog entry. For an example, see:
https://github.com/facebook/react-native/wiki/Changelog
-->

[General] [Fixed] - Fixed dead links in the comments.

Pull Request resolved: #32619

Test Plan: - Changed links are accessible

Reviewed By: lunaleaps

Differential Revision: D32528978

Pulled By: cortinico

fbshipit-source-id: e039d18188371cf5240b37049e431329e28b1b8b

Libraries/ActionSheetIOS/ActionSheetIOS.js

@@ -18,7 +18,7 @@ import type {ProcessedColorValue} from '../StyleSheet/processColor';
 /**
  * Display action sheets and share sheets on iOS.
  *
- * See https://reactnative.dev/docs/actionsheetios.html
+ * See https://reactnative.dev/docs/actionsheetios
  */
 const ActionSheetIOS = {
   /**
@@ -36,7 +36,7 @@ const ActionSheetIOS = {
    * The 'callback' function takes one parameter, the zero-based index
    * of the selected item.
    *
-   * See https://reactnative.dev/docs/actionsheetios.html#showactionsheetwithoptions
+   * See https://reactnative.dev/docs/actionsheetios#showactionsheetwithoptions
    */
   showActionSheetWithOptions(
     options: {|
@@ -117,7 +117,7 @@ const ActionSheetIOS = {
    * - a boolean value signifying success or failure
    * - a string that, in the case of success, indicates the method of sharing
    *
-   * See https://reactnative.dev/docs/actionsheetios.html#showshareactionsheetwithoptions
+   * See https://reactnative.dev/docs/actionsheetios#showshareactionsheetwithoptions
    */
   showShareActionSheetWithOptions(
     options: Object,

Libraries/Alert/Alert.js

@@ -34,7 +34,7 @@ type Options = {
 /**
  * Launches an alert dialog with the specified title and message.
  *
- * See https://reactnative.dev/docs/alert.html
+ * See https://reactnative.dev/docs/alert
  */
 class Alert {
   static alert(

Libraries/AppState/AppState.js

@@ -33,7 +33,7 @@ type NativeAppStateEventDefinitions = {
  * `AppState` can tell you if the app is in the foreground or background,
  * and notify you when the state changes.
  *
- * See https://reactnative.dev/docs/appstate.html
+ * See https://reactnative.dev/docs/appstate
  */
 class AppState {
   currentState: ?string = null;
@@ -91,7 +91,7 @@ class AppState {
    * Add a handler to AppState changes by listening to the `change` event type
    * and providing the handler.
    *
-   * See https://reactnative.dev/docs/appstate.html#addeventlistener
+   * See https://reactnative.dev/docs/appstate#addeventlistener
    */
   addEventListener<K: $Keys<AppStateEventDefinitions>>(
     type: K,

Libraries/Components/AccessibilityInfo/AccessibilityInfo.js

@@ -72,7 +72,7 @@ const EventNames: Map<
  * well as to register to be notified when the state of the screen reader
  * changes.
  *
- * See https://reactnative.dev/docs/accessibilityinfo.html
+ * See https://reactnative.dev/docs/accessibilityinfo
  */
 const AccessibilityInfo = {
   /**
@@ -81,7 +81,7 @@ const AccessibilityInfo = {
    * Returns a promise which resolves to a boolean.
    * The result is `true` when bold text is enabled and `false` otherwise.
    *
-   * See https://reactnative.dev/docs/accessibilityinfo.html#isBoldTextEnabled
+   * See https://reactnative.dev/docs/accessibilityinfo#isBoldTextEnabled
    */
   isBoldTextEnabled(): Promise<boolean> {
     if (Platform.OS === 'android') {
@@ -106,7 +106,7 @@ const AccessibilityInfo = {
    * Returns a promise which resolves to a boolean.
    * The result is `true` when grayscale is enabled and `false` otherwise.
    *
-   * See https://reactnative.dev/docs/accessibilityinfo.html#isGrayscaleEnabled
+   * See https://reactnative.dev/docs/accessibilityinfo#isGrayscaleEnabled
    */
   isGrayscaleEnabled(): Promise<boolean> {
     if (Platform.OS === 'android') {
@@ -131,7 +131,7 @@ const AccessibilityInfo = {
    * Returns a promise which resolves to a boolean.
    * The result is `true` when invert color is enabled and `false` otherwise.
    *
-   * See https://reactnative.dev/docs/accessibilityinfo.html#isInvertColorsEnabled
+   * See https://reactnative.dev/docs/accessibilityinfo#isInvertColorsEnabled
    */
   isInvertColorsEnabled(): Promise<boolean> {
     if (Platform.OS === 'android') {
@@ -156,7 +156,7 @@ const AccessibilityInfo = {
    * Returns a promise which resolves to a boolean.
    * The result is `true` when a reduce motion is enabled and `false` otherwise.
    *
-   * See https://reactnative.dev/docs/accessibilityinfo.html#isReduceMotionEnabled
+   * See https://reactnative.dev/docs/accessibilityinfo#isReduceMotionEnabled
    */
   isReduceMotionEnabled(): Promise<boolean> {
     return new Promise((resolve, reject) => {
@@ -185,7 +185,7 @@ const AccessibilityInfo = {
    * Returns a promise which resolves to a boolean.
    * The result is `true` when a reduce transparency is enabled and `false` otherwise.
    *
-   * See https://reactnative.dev/docs/accessibilityinfo.html#isReduceTransparencyEnabled
+   * See https://reactnative.dev/docs/accessibilityinfo#isReduceTransparencyEnabled
    */
   isReduceTransparencyEnabled(): Promise<boolean> {
     if (Platform.OS === 'android') {
@@ -210,7 +210,7 @@ const AccessibilityInfo = {
    * Returns a promise which resolves to a boolean.
    * The result is `true` when a screen reader is enabled and `false` otherwise.
    *
-   * See https://reactnative.dev/docs/accessibilityinfo.html#isScreenReaderEnabled
+   * See https://reactnative.dev/docs/accessibilityinfo#isScreenReaderEnabled
    */
   isScreenReaderEnabled(): Promise<boolean> {
     return new Promise((resolve, reject) => {
@@ -292,7 +292,7 @@ const AccessibilityInfo = {
    *     - `success`: A boolean indicating whether the announcement was
    *       successfully made.
    *
-   * See https://reactnative.dev/docs/accessibilityinfo.html#addeventlistener
+   * See https://reactnative.dev/docs/accessibilityinfo#addeventlistener
    */
   addEventListener<K: $Keys<AccessibilityEventDefinitions>>(
     eventName: K,
@@ -307,7 +307,7 @@ const AccessibilityInfo = {
   /**
    * Set accessibility focus to a React component.
    *
-   * See https://reactnative.dev/docs/accessibilityinfo.html#setaccessibilityfocus
+   * See https://reactnative.dev/docs/accessibilityinfo#setaccessibilityfocus
    */
   setAccessibilityFocus(reactTag: number): void {
     legacySendAccessibilityEvent(reactTag, 'focus');
@@ -331,7 +331,7 @@ const AccessibilityInfo = {
   /**
    * Post a string to be announced by the screen reader.
    *
-   * See https://reactnative.dev/docs/accessibilityinfo.html#announceforaccessibility
+   * See https://reactnative.dev/docs/accessibilityinfo#announceforaccessibility
    */
   announceForAccessibility(announcement: string): void {
     if (Platform.OS === 'android') {
@@ -363,7 +363,7 @@ const AccessibilityInfo = {
   /**
    * Get the recommended timeout for changes to the UI needed by this user.
    *
-   * See https://reactnative.dev/docs/accessibilityinfo.html#getrecommendedtimeoutmillis
+   * See https://reactnative.dev/docs/accessibilityinfo#getrecommendedtimeoutmillis
    */
   getRecommendedTimeoutMillis(originalTimeout: number): Promise<number> {
     if (Platform.OS === 'android') {

Libraries/Components/ActivityIndicator/ActivityIndicatorViewNativeComponent.js

@@ -22,29 +22,29 @@ type NativeProps = $ReadOnly<{|
   /**
    * Whether the indicator should hide when not animating (true by default).
    *
-   * See https://reactnative.dev/docs/activityindicator.html#hideswhenstopped
+   * See https://reactnative.dev/docs/activityindicator#hideswhenstopped
    */
   hidesWhenStopped?: WithDefault<boolean, false>,
 
   /**
    * Whether to show the indicator (true, the default) or hide it (false).
    *
-   * See https://reactnative.dev/docs/activityindicator.html#animating
+   * See https://reactnative.dev/docs/activityindicator#animating
    */
   animating?: WithDefault<boolean, false>,
 
   /**
    * The foreground color of the spinner (default is gray).
    *
-   * See https://reactnative.dev/docs/activityindicator.html#color
+   * See https://reactnative.dev/docs/activityindicator#color
    */
   color?: ?ColorValue,
 
   /**
    * Size of the indicator (default is 'small').
    * Passing a number to the size prop is only supported on Android.
    *
-   * See https://reactnative.dev/docs/activityindicator.html#size
+   * See https://reactnative.dev/docs/activityindicator#size
    */
   size?: WithDefault<'small' | 'large', 'small'>,
 |}>;

Libraries/Components/ScrollView/ScrollView.js

@@ -688,7 +688,7 @@ type ScrollViewComponentStatics = $ReadOnly<{|
  * view from becoming the responder.
  *
  *
- * `<ScrollView>` vs [`<FlatList>`](https://reactnative.dev/docs/flatlist.html) - which one to use?
+ * `<ScrollView>` vs [`<FlatList>`](https://reactnative.dev/docs/flatlist) - which one to use?
  *
  * `ScrollView` simply renders all its react child components at once. That
  * makes it very easy to understand and use.