TextLine() — react Function Reference

Architecture documentation for the TextLine() function in App.js from the react codebase.

Function javascript BabelCompiler Optimization

Entity Profile

BabelCompiler→ Optimization→ TextLine() — react Function Reference

Dependency Diagram

graph TD
  a832b7cd_d8dd_77d1_d4fe_bdd0048438ca["TextLine()"]
  ffdc97e8_43a8_45ef_17c3_2459ffb053f0["App.js"]
  a832b7cd_d8dd_77d1_d4fe_bdd0048438ca -->|defined in| ffdc97e8_43a8_45ef_17c3_2459ffb053f0
  style a832b7cd_d8dd_77d1_d4fe_bdd0048438ca fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/owner-stacks/src/App.js lines 91–103

function TextLine({sentence, highlight, lineNumber}) {
  const randomColor = highlight
    ? `#${Math.floor(Math.random() * 16777215).toString(16)}`
    : 'transparent';
  return (
    <div style={{backgroundColor: randomColor}}>
      <span className="line-number">{lineNumber}</span>
      {sentence.split('').map((char, index) => (
        <TextSymbol key={index} char={char} highlight={highlight} />
      ))}
    </div>
  );
}