在React中，要更新視圖，通常涉及到改變組件的狀態（state）或屬性（props）。當狀態或屬性發生變化時，React會重新渲染組件，從而更新視圖。以下是一個簡單的例子，展示了如何使用setState方法來更新視圖：

import React, { Component } from 'react';

class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      rect: { width: 100, height: 100, color: 'red' }
    };
  }

  updateRect = () => {
    this.setState({
      rect: { ...this.state.rect, width: 200 }
    });
  };

  render() {
    return (
      <div>
        <div style={this.state.rect}></div>
        <button onClick={this.updateRect}>Update Rect</button>
      </div>
    );
  }
}

export default App;

在這個例子中，我們有一個名為App的組件，它具有一個狀態rect，該狀態表示一個矩形的寬度、高度和顏色。我們還有一個名為updateRect的方法，該方法使用setState來更新rect的狀態，將寬度設置為200。當用戶點擊“Update Rect”按鈕時，會調用updateRect方法，從而更新視圖。

請注意，在這個例子中，我們使用了對象展開運算符（...）來復制當前的狀態對象，以便我們可以只更新寬度屬性而不影響其他屬性。這是一個很好的實踐，可以避免在更新狀態時意外地修改其他屬性。

除了使用setState方法外，還可以通過傳遞新的屬性來更新視圖。例如，如果有一個名為MyComponent的組件，可以通過以下方式傳遞新的屬性來更新它：

<MyComponent prop1="value1" prop2="value2" />

當prop1或prop2發生變化時，MyComponent會重新渲染并顯示新的屬性值。