Распространение и передача объекта в качестве подпорки

Question

У меня есть куча компонентов Text, таких как

 <Text style ={{...style.additional, ...applicationTheme.label}} numberOfLines ={1}>Some Text</Text>

Я хочу поместить реквизиты в переменную, как показано ниже, но не работает. Есть мысли?

const textProps = {numberOfLines: 1, style:{...style.additional, ...applicationTheme.label}};

  <Text {...textProps}> SomeText </Text>

Answer 1

Кажется нормальным, попробуйте текстовую демонстрацию:

const App = () => {
  const styleA = {
    backgroundColor: 'lightblue',
  }
  const styleB = {
    color: 'red'
  }
  const text = 'TEST';
  const props = {id: text, style: {...styleA, ...styleB}};
  return (
    <div className="App">
      <h1 style={{...styleA, ...styleB}} id={text}> style is normal</h1>
      <h2 {...props}>...props is normal too</h2>
    </div>
  );
}
ReactDOM.render(<App />, document.getElementById("root"));

<div id="root"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.12.0/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.12.0/umd/react-dom.production.min.js"></script>