javascript — манипулирование строками jsx

Манипулирование строкой jsx

Как уже упоминалось в @Manuel, вам может props.greeting отправить переменную props.greeting в ваш wordManipulator функций wordManipulator для получения желаемого результата.

Кроме того, в вашей функции wordManipulator эта строка newStr.splice(null, word.length, 'b', 'l', 'a') будет возвращать только bla независимо от переменной props.greeting . Если я правильно понимаю, вы хотите повторить bla когда вы печатаете.

Я соответственно отредактировал функцию wordManipulator чтобы просто сопоставить каждый символ props.greeting с соответствующим индексом bla (повторяемая строка).

 import React, {Component} from 'react'; const BLAH = "BLAH"; class BadRobot extends Component { wordManipulator = (word) ={amp}gt; word.split("").map((c, i) ={amp}gt; BLAH[(i % BLAH.length)]).join("") render() { return ( {amp}lt;div{amp}gt; {amp}lt;div{amp}gt; {amp}lt;h1{amp}gt;I am bad robot{amp}lt;/h1{amp}gt; {amp}lt;h3{amp}gt;I hear you are saying, {this.wordManipulator(this.props.greeting)}. is that correct? {amp}lt;/h3{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; ); } } export default BadRobot; 
 const greeting = "HELLO ROBOT!" const BLAH = "BLAH"; const wordManipulator = (word) ={amp}gt; word.split("").map((c, i) ={amp}gt; BLAH[(i % BLAH.length)]).join("") console.log(wordManipulator(greeting)) 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector