Кто может объяснить как реализован компонент?

Question

[beefront17]

Добрый день! Объясните пожалуйста как реализован компонент Polyline в данном случае .
Особенно, не доходит, что делают (и для чего они) эти константы
import {MAP, POLYLINE} from "../constants"

Как они передаются через key?

polyline.setMap (this.context [MAP])
     this.state = {
       [POLYLINE]: polyline,
     }

Кто знает объясните пожалуйста!

Answer 1

[Igor Koch]

import {MAP, POLYLINE} from "../constants"
Тоже самое что:

import * as constants from "../constants"
constants.MAP // {MAP}
constants.POLYLINE // {POLYLINE}

И далее:

POLYLINE = "string";
state = {[POLYLINE]: polyline} // state = {string: polyline}

Comments

[beefront17]

Что тогда я должен передать из родителя?
Сейчас POLYLINE is not defined

[Igor Koch]

beefront17, https://github.com/tomchentw/react-google-maps/blo...

[beefront17]

Igor Koch, Видел, и что это объясняет?

[Igor Koch]

beefront17, Сейчас POLYLINE is not defined Тоже ничего не объясняет, в каком месте возникает проблема?

[beefront17]

В этом

this.state = {
		[POLYLINE]: polyline,
	}

POLYLINE это key, но как его задать /вызвать?

[Igor Koch]

beefront17,

const POLYLINE = "some_string"; //const, var или let
state = {[POLYLINE]: polyline}; // [POLYLINE] преобразится в some_string, и ключ будет some_string

https://jsfiddle.net/whata/t5d355cc/

[beefront17]

Немного прояснило, спасибо!
Последний вопрос, как вывести это на карту?

[Igor Koch]

beefront17, С самой библиотекой уже не помогу, могу только с JS

[beefront17]

Igor Koch, Спасибо и на этом, polyline вывел)
но теперь она не обновляеться почему-то

Answer 2

[Negwereth]

https://developer.mozilla.org/en-US/docs/Web/JavaS...

Comments

[beefront17]

Спасибо за такой обширный ответ!
Как я могу прокинуть POLYLINE чтоб
вот так записать

this.state = {
		[POLYLINE]: polyline,
}

Знаю что setState так можна сделать в родительском компоненте, передав пропс из чайлд...

[Negwereth]

beefront17, а что в POLYLINE?