Заменить шаблон ReactJS в дочерних и / или переменных, чтобы они были доступны в области видимости. - PullRequest
Новая
       9

Заменить шаблон ReactJS в дочерних и / или переменных, чтобы они были доступны в области видимости.

0 голосов
/ 28 февраля 2019

Я хочу создать компонент, который будет отображать его дочерние элементы, но с заменой определенных частей шаблона, например, шаблона.Например, скажем, что компонент называется Foo, и я хочу везде, где говорится, что $ bar следует заменить каким-то значением, необязательно постоянным.Например, если я напишу: 

<Foo>
    replace $bar with a value,
    where $bar 
    can render different
    things at different times
</Foo>

будет выглядеть так: 

replace 1 with a value,
where 2 
can render different
things at different times

Если это возможно, было бы неплохо иметь его в качестве переменной, доступной в области действиякомпонент, например: 

<Foo>
    replace {bar} with a value,
    where {bar}
    can render different
    things at different times
</Foo>

, чтобы его можно было использовать в выражениях, например 

<Foo>{ someExpressionWith(bar) }</Foo>

ВАЖНО : Внешние пакеты, кроме React, и те, которые связаны с ним, не являются опцией из-за очень строгой политики безопасности.

Мотивация и / или контекст:

Я пришел из AngularJS (1.x), где, если вы хотите что-то повторить, вы используете <ng-repeat>, и там вы можете использовать индекс.Для тех, кто не знаком, это может выглядеть так: 

<div ng-repeat="val in arr">
    [{{$index + 1}}]. {{val}}
</div>

Тогда на каждой итерации val будет повторным значением, а $index будет индексом.

Мне хорошо известно о возможности создания повторителя с Array.prototype.map, и что это де-факто стандарт, и я не пытаюсь идти против течения, просто чтобы найти альтернативуи, возможно, узнайте об элементе React, которого я еще не знаю, если таковой существует.

Заранее благодарен!

...