Как мне точно узнать, какие существуют «входные» переменные свойства?

Question

Я из Java, и я изо всех сил пытаюсь выучить веб-язык: React. Я помню, что в java функция определяется набором входов: public static int add(int x, int y) Однако в React кажется только один (props), и все входы используются как prop.x prop.y ... et c

Я импортирую следующий компонент карты в пакет 'kakao-map-react':

var Map = function (props) {
    var id = props.id;
    var kakao = window.kakao;
    var mapId = id ? id : 'kakao-map-react';
    var map = useMapState().map;
    var dispatch = useMapDispatch();
    React.useEffect(function () {
        if (!map) {
            var events_1 = [];
            var mapContainer = document.getElementById(mapId);
            var mapOptions = {
                center: new kakao.maps.LatLng(props.initialPosition.latitude, props.initialPosition.longitude),
                level: props.level,
            };
            var newMap_1 = new kakao.maps.Map(mapContainer, mapOptions);
            if (props.onMapLoaded) {
                props.onMapLoaded(newMap_1);
            }
            var _loop_1 = function (event_1) {
                if (props[event_1.key]) {
                    kakao.maps.event.addListener(newMap_1, event_1.event, function (mouseEvent) {
                        if (props[event_1.key]) {
                            if (event_1.hasMouseEvent) {
                                var handler = props[event_1.key](newMap_1, mouseEvent);
                                events_1.push({
                                    target: newMap_1,
                                    type: event_1.event,
                                    handler: handler,
                                });
                            }
                            else {
                                var handler = props[event_1.key](newMap_1);
                                events_1.push({
                                    target: newMap_1,
                                    type: event_1.event,
                                    handler: handler,
                                });
                            }
                        }
                    });
                }
            };
            for (var _i = 0, eventsArr_1 = eventsArr; _i < eventsArr_1.length; _i++) {
                var event_1 = eventsArr_1[_i];
                _loop_1(event_1);
            }
            dispatch({
                type: 'SET_MAP',
                payload: newMap_1,
            });
            return function () {
                for (var _i = 0, events_2 = events_1; _i < events_2.length; _i++) {
                    var event_2 = events_2[_i];
                    kakao.maps.event.removeListener(event_2.target, event_2.type, event_2.handler);
                }
            };
        }
        else {
            return function () {
            };
        }
    }, []);
    /*
    * Set new center if long lat changes
    * */
    React.useEffect(function () {
        if (map) {
            map.setCenter(new kakao.maps.LatLng(props.center.latitude, props.center.longitude));
        }
    }, [
        props.center.latitude,
        props.center.longitude,
        props.center.token,
    ]);
    /*
    * Set new level if props.level changes
    * */
    React.useEffect(function () {
        if (map) {
            map.setLevel(props.level);
        }
    }, [
        props.level
    ]);
    return (React.createElement("div", { id: mapId, style: {
            height: '100%'
        } }, props.children));
};

В этом длинном коде, как мне узнать, какие входы (реквизиты) мне нужно вставить ?

Я попробовал Ctrl-F 'props', но их было слишком много, и я не понял, какой ввод какой:

props.id, props.initialPosition.latitude, props.initialPosition.longitude, props.level, props.onMapLoaded, props[event_1.key], props.center.latitude, props.center.longitude, props.center.token.

Спасибо.

Answer 1

У меня сам опыт работы с Java, и я был удивлен, увидев, что многие документы в мире JavaScript не заботятся о типах данных в своих ссылках на API. У вас есть два варианта:

1. Go через их документацию на GitHub или их официальный сайт. В хорошо организованном проекте перечислены их входные реквизиты и типы, которые им требуются.

2. Вы не найдете этой информации в документации => Вы должны покопаться в исходном коде и выяснить сами .

3. Ваша среда IDE может вам помочь. Я использую Intellij, и для большинства пакетов IDE может определять типы по их определениям машинописного текста.