Is there any way to make a component listen to a React Native function?

Question

I need to make a bind to a function that returns me if an item is marked or not, however the function that returns me this is only executed once, there is a way to bind to that function?

<List dataArray={this.state.talhoes}
        renderRow={(talhao) =>
      <TouchableOpacity onPress={() => this.select(talhao)}>
        <Card>
          <CardItem>
            <Thumbnail square size={40} source={{ uri: talhao.public_url_screenshot }} />
            <Text style={{ paddingLeft: 10 }} > {talhao.name}  </Text>
            <Right>
              <CheckBox checked={this.checkSelected(talhao)} /> //Aqui o problema
            </Right>
          </CardItem>
        </Card>
      </TouchableOpacity>
    }>
  </List>

Answer 1

You must assign a value from state of your component or a property that is updated externally, because you need the method render of your component is executed so that the change appears on the screen.

An example of how to solve this in a simple way:

// Seu metodo checkSelected, pode alterar o state em vez de retornar o valor a ser definido no <CheckBox/>
checkSelected (value) {
  // exemplo hipotético ok?
  const checked = value !== undefined
  this.setState({ checked })
}

// Quando o state é alterado, o método render é executado e o valor de checked será atribuido corretamente de acordo com o estado atual
<CheckBox checked={this.state.checked)} />